var thumbDiv = null;
var thumbs = null;
var playerDiv = null;
var playerDetails = null;
var currentSlide = 0;
var currentDetail = 0;
var rotationSpeed = 8000;
var count = 0;
var fadeInSpeed = 1250;
var fadeOutSpeed = 1;

jQuery(document).ready(function(){
	playerDiv = jQuery("div#rotator");
	playerDetails = jQuery("div.playerDetail");
	count = playerDetails.size();

	thumbDiv = jQuery("#rotator ul");	
	thumbs = thumbDiv.children();
	
	thumbs.click(function(e){
		i = thumbs.index(this);
		SetSlide(i);
		StopRotation();
	});

   thumbs.hover(function () {
	    jQuery(this).addClass("thumbHover");
	  },
	  function () {
	    jQuery(this).removeClass("thumbHover");
	  }
	);

	
	playerDiv.mouseenter(function(e){
		StopRotation();
	});
		
	playerDiv.mouseleave(function(e){
		StartRotation();
	});

	StartRotation();
});

function SetSlide(i) {
	currentSlide = i;
	currentDetail = i;
	thumbs.removeClass("currentThumb");
	thumbs.eq(i).addClass("currentThumb");
	playerDetails.fadeOut(fadeOutSpeed);
	playerDetails.eq(i).fadeIn(fadeInSpeed);	
}

function NextSlide() {
	i = currentSlide + 1;	
	if (i > count - 1) {
		SetSlide(0);
	} else {
		SetSlide(i);
	}
}

function StartRotation() {
	rotationInterval = setInterval("NextSlide()", rotationSpeed);
}

function StopRotation() {
	window.clearInterval(rotationInterval);
}