$(document).ready(function()
{
          pic1= new Image();
          pic1.src="images/slides/layer0.jpg";

          pic2= new Image();
          pic1.src="images/slides/layer1.png";

          pic3= new Image();
          pic1.src="images/slides/layer2_fund.png";

        displayLength = 8000; //8000
        slideSpeed = 2500; //2500

        //Random Slide or Defined Slide
        //nextSlide = Math.floor(Math.random()*(4))
        nextSlide = 3;

        slideLink ="";
        var paused = new Boolean(false);

        setSlide();
        moveSlide();

        $("#controls").children().click(function(){
                clearTimeout(t);
                nextSlide = $("#controls").children().index(this);
                moveSlide();
        });

        $("#pause").children().click(function(){
                if (paused == false)
                {
                        clearTimeout(t);
                        paused = true;
                        $("#pause a").removeClass("pause");
                        $("#pause a").addClass("play");
                }
                else
                {
                        t=setTimeout(moveSlide,displayLength);
                        paused = false;
                        $("#pause a").removeClass("play");
                        $("#pause a").addClass("pause");
                }
        });


});


function setSlide()
{
        $("#controls a:not("+nextSlide+")").removeClass("current");
        $("#controls a:eq("+nextSlide+")").addClass("current");

        switch(nextSlide)
        {
                case 0:
                        layer0Pos = 0;
                        layer1Pos = 0;
                        layer2Pos = 0;
                        break;
                case 1:
                        layer0Pos = -253;
                        layer1Pos = -506;
                        layer2Pos = -760;
                        break;
                case 2:
                        layer0Pos = -506;
                        layer1Pos = -1013;
                        layer2Pos = -1520;
                        break;
                case 3:
                        layer0Pos = -760;
                        layer1Pos = -1520;
                        layer2Pos = -2280;
                        break;
                default:
                        layer0Pos = 0;
                        layer1Pos = 0;
                        layer2Pos = 0;
        }

        $("#layer0").css("backgroundPosition", layer0Pos + "px 0");
        $("#layer1").css("backgroundPosition", layer1Pos + "px 0");
        $("#layer2").css("backgroundPosition", layer2Pos + "px 0");
}

