$(document).ready(function() {
    $("#slider-main").easySlider({
	auto: false,
	continuous: true,
	numeric: true,
	controlsShow: true,
	speed: 150,
	numericId: 'slider-icons'
    });
    
    var iconsWidth = ( $("#slider-icons > li").size() ) * 170;
    $("#slider-icons").css({ width : iconsWidth }); // Sets the width of #slider-icons
    
    $(".next a").click(function(){
	var loc = 960 - ( $("#slider-icons").width() );
	$("#slider-icons").animate({ left : loc }, 500);
    });
    $(".back a").click(function(){
	var loc = 0;
	$("#slider-icons").animate({ left : loc }, 500);
    });
	
    $("#slider-icons li").click(function(){
	if ($(this).is(".active")) {
	    return false; 
	} else {
	}
	$("#slider-icons li").removeClass('active'); 
	$(this).addClass('active');
	$("#videobox").css({ width : "0" });
	$("#replay-box").css({ display : "block" });
	return false;
    });
    
    $("#close-box").click(function(){
	$("#slider-icons li").addClass('active');
	$("#replay-box").css({ display : "block" });
    });
    
    $("#replay-box").click(function(){
	$("#videobox").css({ width : "960px" });
	$("#replay-box").css({ display : "none" });
    });
	
    $("#reference-slider").easySlider({
	auto: true,
	continuous: true,
	numeric: true,
	speed: 250,
	pause: 6000,
	numericId: 'mini-control'
    });
	
    $("#buzz-slider").easySlider({
	auto: true,
	continuous: true,
	numeric: true,
	speed: 250,
	pause: 6000,
	numericId: 'buzz-control'
    });

    $("#mid-slider").easySlider({
	auto: true,
	continuous: true,
	speed: 250,
	pause: 7000,
        controlsShow: false
    });
});