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