var imagesAnchor = 0
var playSlideshow;
var activeID = 0;

function stopSlideShow(){
	clearInterval(playSlideshow);
}

function startSlideShow(){
	playSlideshow = setInterval( "slideSwitch()", 3000 );
}

function showSlideElem(elemID){

	activeID = parseInt(elemID);
		
	var navElemID = "A.slideShowNavElem" + elemID;
	var navElemTextID = "span.slideShowNavElemText" + elemID;
	var slideElemID = "A.slideShowElem" + elemID;
	
	var $next = $(slideElemID);
	var $nextNav = $(navElemID);
	var $nextNavText = $(navElemTextID);
	
	var nextElemClassID = $next.attr('class');
	
	if (nextElemClassID.indexOf("active") == -1){
		
		var $active = $('#SlideshowImagesContainer A.active');
		var $activeNav = $('#SlideShowNavContainer A.active');
		var $activeNavText = $('#SlideShowNavContainer span.active');

		$active.addClass('last-active');
		$activeNav.addClass('last-active');
		$activeNavText.addClass('last-active');
	
		$next.css()
			.addClass('active')
			$active.removeClass('active last-active');
			
		$nextNav.css()
			.addClass('active')	
			$activeNav.removeClass('active last-active');
			
		$nextNavText.css()
			.addClass('active')	
			$activeNavText.removeClass('active last-active');
	}
}

function slideSwitch() {
	
	if(activeID == 0){
		activeID = 10;
	}
	
	activeIDText = "" + activeID;
	
	var activeNavElem =  '#SlideShowNavContainer A.slideShowNavElem' + activeIDText;
	var activeNavElemText =  '#SlideShowNavContainer span.slideShowNavElemText' + activeIDText;
	var activeElem = '#SlideshowImagesContainer A.slideShowElem' + activeIDText;
		
	var $active = $(activeElem);
	var $activeNav = $(activeNavElem);
	var $activeNavText = $(activeNavElemText);
	
	$active.addClass('last-active');
	$activeNav.addClass('last-active');
	$activeNavText.addClass('last-active');
	
	//var imagesAnchor =  getElementsByClassName(document, 'a', 'slideShowElem');
	if (activeID == (10 + imagesAnchor.length - 1)){
		activeID = 10;
	}else{
		activeID = activeID + 1;
	}
	
	activeIDText = "" + activeID;
	var nextNavElem =  '#SlideShowNavContainer A.slideShowNavElem' + activeIDText;
	var nextNavElemText =  '#SlideShowNavContainer span.slideShowNavElemText' + activeIDText;
	var nextElem =  '#SlideshowImagesContainer A.slideShowElem' + activeIDText;
    
    var $next = $(nextElem);
	var $nextNav = $(nextNavElem);
    var $nextNavText = $(nextNavElemText);

	$next.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 1000, function() {
	    $active.removeClass('active last-active');});
		
	$activeNav.removeClass('active last-active');
	
	$activeNavText.removeClass('active last-active');
		
	$nextNavText.addClass('active');
		
	$nextNav.css({opacity: 0.5})
		.addClass('active')	
        .animate({opacity: 1.0}, 500, function() {
			$nextNav.addClass('active')	;					
        });
	
}

function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp(strClassName);
	var oElement;
	
	for(var i=0; i < arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	
	return(arrReturnElements);	

}

$(function() {
	// initialize the number of banners to know when to loop
	imagesAnchor = getElementsByClassName(document, 'a', 'slideShowElem');
	playSlideshow =  setInterval( "slideSwitch()", 3000 );
});