// jQuery Rotator

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