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 = 2500;
var fadeOutSpeed = 250;

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

    thumbDiv = $("div#homePageMediaPlayer #slides");
    thumbs = thumbDiv.children();

    thumbs.click(function(e) {
        i = thumbs.index(this);
        SetSlide(i);
        StopRotation();
    });

    $("img.playerLeftArrow").click(function(e) {
        SetSlide(currentSlide - 1);
        StopRotation();
    });

    $("img.playerRightArrow").click(function(e) {
        NextSlide();
        StopRotation();
    });

    thumbs.hover(function() {
        $(this).addClass("thumbHover");
    },
	  function() {
	      $(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);
}