// MedSoup Regional Rotator

$(document).ready(function() {
	var numImages = $("#regionalrotator #slides .slide").size();
	var navbarWidth = 40+(30*numImages);
	$("#regionalrotator").css({'background-image' : 'none'});
	$("#regionalrotator #slidewindow").css({'display' : 'block'});
	
	// Set all slide opacities to zero
	$('#regionalrotator .slide').each(function() {
	    $(this).css({'opacity':0});
		$(this).hide();
 	});
	
	$("#regionalrotator #navbuttons a:first").addClass("active");
	$active = $('#regionalrotator #navbuttons a.active')
	var activeSlide = $('#regionalrotator .slide').eq($active.index());
	var prevSlide;
	activeSlide.show();
	activeSlide.css({'z-index':100});
	activeSlide.fadeTo(500, 1);
	
	fadeIt = function(){	
		$("#regionalrotator #navbuttons a").removeClass('active');
		$active.addClass('active');
		activeSlide = $('#regionalrotator .slide').eq($active.index());
		activeSlide.show();
		activeSlide.css({'z-index':100});
		prevSlide = $('#regionalrotator .slide').eq($previous.index());
		activeSlide.fadeTo(1200, 1);
		prevSlide.fadeTo(1200, 0, function() { prevSlide.hide();
		});
	}; 
	
	changeSlide = function(){		
		play = setInterval(function(){
			$previous = $active;
			$active = $('#regionalrotator #navbuttons a.active').next();
			if ( $active.length === 0) {
				$active = $('#regionalrotator #navbuttons a:first');
			}
			fadeIt();
		}, 7000);
	};
	
	if(numImages > 1) {
		$("#regionalrotator #navbuttons").css({'width' : navbarWidth, 'display' : 'block'});
		changeSlide();
	}
		
	$("#regionalrotator #navbuttons a").click(function() {	
		clearInterval(play);
		if( $(this).hasClass('active') ) {
			return false;
		} else {
			$previous = $active;
			$active = $(this);
			fadeIt();
			changeSlide();
			return false;
		}
	});
	
	$("#regionalrotator .slide").hover(function() {
		if(numImages > 1) {
			clearInterval(play);
		}
	}, function() {
		if(numImages > 1) {
			changeSlide();
		}
	});
	
});