$(function() {



  var totalPanels      = $(".scrollContainer").children().size();



  var regWidth      = $(".panel").css("width");

  var regImgWidth      = $(".panel img").css("width");

  var regTitleSize    = $(".panel h2").css("font-size");

  var regParSize      = $(".panel p").css("font-size");



  var movingDistance      = 500;



  var curWidth      = 350;

  var curImgWidth      = 326;

  var curTitleSize    = "20px";

  var curParSize      = "15px";



  var $panels        = $('#slider .scrollContainer > div');

  var $container      = $('#slider .scrollContainer');



  $panels.css({'float' : 'left','position' : 'relative'});



  $("#slider").data("currentlyMoving", false);



  $container

    .css('width', ($panels[0].offsetWidth * $panels.length) + 100 )

    .css('left', "-350px");



  var scroll = $('#slider .scroll').css('overflow', 'hidden');



  function returnToNormal(element) {

    $(element)

      //.animate({ width: regWidth })

      .find("img")

      //.animate({ width: regImgWidth })

        .end()

      .find("h2")

      .animate({ fontSize: regTitleSize })

      .end()

      .find("p")

      .animate({ fontSize: regParSize });

  };



  function growBigger(element) {

    $(element)

      //.animate({ width: curWidth })

      .find("img")

      //.animate({ width: curImgWidth })

        .end()

      .find("h2")

      .animate({ fontSize: curTitleSize })

      .end()

      .find("p")

      .animate({ fontSize: curParSize });

  }



  //direction true = right, false = left

  function change(direction,menu) {



      //if not at the first or last panel

    /*

    if((direction && !(curPanel < totalPanels)) || (!direction && (curPanel <= 1))) { return false; }

    */



        //if not currently moving

        if (($("#slider").data("currentlyMoving") == false)) {



      $("#slider").data("currentlyMoving", true);



      //Need to set next so we know who is being called

      //Need to define direction based on true or false and movingDistance needs to be based on sets of 300

        switch(menu){

        case "home":
		$("#panel_1").addClass("curpanel");
        next = 2;

      if(curPanel == 2)

      {

        movingDistance = 0;

      }

      if(curPanel == 3)

      {
		$("#panel_2").removeClass("curpanel");
        direction = false;

        movingDistance = 550;

      }

      if(curPanel == 4)

      {

		$("#panel_3").removeClass("curpanel");
        direction = false;

        movingDistance = 1100;

      }

      if(curPanel == 5)

      {

		$("#panel_4").removeClass("curpanel");
        direction = false;

        movingDistance = 1650;

      }

      if(curPanel == 6)

      {
		
		$("#panel_5").removeClass("curpanel");
        direction = false;

        movingDistance = 2200;

      }

      if(curPanel == 7)

      {
		$("#panel_6").removeClass("curpanel");
        direction = false;

        movingDistance = 2750;

      }

      if(curPanel == 8)

      {
		$("#panel_7").removeClass("curpanel");
        direction = false;

        movingDistance = 3300;

      }

        break;

        case "ourlines":
		$("#panel_2").addClass("curpanel");

        next = 3;
		

        if(curPanel == 2)

      {

		$("#panel_1").removeClass("curpanel");
        direction = true;

        movingDistance = 550;



      }

      if(curPanel == 3)

      {

        movingDistance = 0;

      }

      if(curPanel == 4)

      {

		$("#panel_3").removeClass("curpanel");
        direction = false;

        movingDistance = 550;

      }

      if(curPanel == 5)

      {

		$("#panel_4").removeClass("curpanel");
        direction = false;

        movingDistance = 1100;

      }

      if(curPanel == 6)

      {
		$("#panel_5").removeClass("curpanel");
        direction = false;

        movingDistance = 1650;

      }

      if(curPanel == 7)

      {
		$("#panel_6").removeClass("curpanel");
        direction = false;

        movingDistance = 2200;

      }

      if(curPanel == 8)

      {
		$("#panel_7").removeClass("curpanel");
        direction = false;

        movingDistance = 2750;

      }

        break;

        case "products":
		$("#panel_3").addClass("curpanel");

        next = 4;

      if(curPanel == 2)

      {

		$("#panel_1").removeClass("curpanel");
        direction = true;

        movingDistance = 1100;

      }

      if(curPanel == 3)

      {

		$("#panel_2").removeClass("curpanel");
        direction = true;

        movingDistance = 550;

      }

      if(curPanel == 4)

      {

        movingDistance = 0;

      }

      if(curPanel == 5)

      {

		$("#panel_4").removeClass("curpanel");
        direction = false;

        movingDistance = 550;

      }

      if(curPanel == 6)

      {
		$("#panel_5").removeClass("curpanel");
        direction = false;

        movingDistance = 1100;

      }

      if(curPanel == 7)

      {
		$("#panel_6").removeClass("curpanel");
        direction = false;

        movingDistance = 1650;

      }

      if(curPanel == 8)

      {
		$("#panel_7").removeClass("curpanel");
        direction = false;

        movingDistance = 2200;

      }

        break;

        case "about":
		$("#panel_4").addClass("curpanel");

        next = 5;

      if(curPanel == 2)

      {

		$("#panel_1").removeClass("curpanel");
        direction = true;

        movingDistance = 1650;

      }

      if(curPanel == 3)

      {
		$("#panel_2").removeClass("curpanel");
        direction = true;

        movingDistance = 1100;

      }

      if(curPanel == 4)

      {

		$("#panel_3").removeClass("curpanel");
        direction = true;

        movingDistance = 550;

      }

      if(curPanel == 5)

      {

        movingDistance = 0;

      }

      if(curPanel == 6)

      {
		$("#panel_5").removeClass("curpanel");
        direction = false;

        movingDistance = 550;

      }

      if(curPanel == 7)

      {
		$("#panel_6").removeClass("curpanel");
        direction = false;

        movingDistance = 1100;

      }

      if(curPanel == 8)

      {
		$("#panel_7").removeClass("curpanel");
        direction = false;

        movingDistance = 1650;

      }

        break;

        case "news":
		$("#panel_5").addClass("curpanel");

        next = 6;

      if(curPanel == 2)

      {
		$("#panel_1").removeClass("curpanel");
        direction = true;

        movingDistance = 2200;

      }

      if(curPanel == 3)

      {
		$("#panel_2").removeClass("curpanel");
        direction = true;

        movingDistance = 1650;

      }

      if(curPanel == 4)

      {

		$("#panel_3").removeClass("curpanel");
        direction = true;

        movingDistance = 1100;

      }

      if(curPanel == 5)

      {

		$("#panel_4").removeClass("curpanel");
        direction = true;

        movingDistance = 550;

      }

      if(curPanel == 6)

      {

        movingDistance = 0;

      }

      if(curPanel == 7)

      {
		$("#panel_6").removeClass("curpanel");
        direction = false;

        movingDistance = 550;

      }

      if(curPanel == 8)

      {
		$("#panel_7").removeClass("curpanel");
        direction = false;

        movingDistance = 1100;

      }

        break;

        case "testimonials":
		$("#panel_6").addClass("curpanel");
        next = 7;

      if(curPanel == 2)

      {
		$("#panel_1").removeClass("curpanel");
        direction = true;

        movingDistance = 2750;

      }

      if(curPanel == 3)

      {

		$("#panel_2").removeClass("curpanel");
        direction = true;

        movingDistance = 2200;

      }

      if(curPanel == 4)

      {

		$("#panel_3").removeClass("curpanel");
        direction = true;

        movingDistance = 1650;

      }

      if(curPanel == 5)

      {

		$("#panel_4").removeClass("curpanel");
        direction = true;

        movingDistance = 1100;

      }

      if(curPanel == 6)

      {

		$("#panel_5").removeClass("curpanel");
        direction = true;

        movingDistance = 550;

      }

      if(curPanel == 7)

      {

        movingDistance = 0;

      }

      if(curPanel == 8)

      {

		$("#panel_7").removeClass("curpanel");
        direction = false;

        movingDistance = 550;

      }

        break;

        case "contact":
		$("#panel_7").addClass("curpanel");
        next = 8;

      if(curPanel == 2)

      {
		$("#panel_1").removeClass("curpanel");
        direction = true;

        movingDistance = 3300;

      }

      if(curPanel == 3)

      {
		$("#panel_2").removeClass("curpanel");
        direction = true;

        movingDistance = 2750;

      }

      if(curPanel == 4)

      {
		
		$("#panel_3").removeClass("curpanel");
        direction = true;

        movingDistance = 2200;

      }

      if(curPanel == 5)

      {

		$("#panel_4").removeClass("curpanel");
        direction = true;

        movingDistance = 1650;

      }

      if(curPanel == 6)

      {
		$("#panel_5").removeClass("curpanel");
        direction = true;

        movingDistance = 1100;

      }

      if(curPanel == 7)

      {
		$("#panel_6").removeClass("curpanel");
        direction = true;

        movingDistance = 550;

      }

      if(curPanel == 8)

      {

        movingDistance = 0;

      }

        break;

        }





      //var next         = direction ? curPanel + 1 : curPanel - 1;






      var leftValue    = $(".scrollContainer").css("left");





      var movement   = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;






      $(".scrollContainer")

        .stop()

        .animate({

          "left": movement

        }, function() {

          $("#slider").data("currentlyMoving", false);

        });


      if(movingDistance != 0)
	  {
      returnToNormal("#panel_"+curPanel);

      growBigger("#panel_"+next);
	  }



      curPanel = next;







      //remove all previous bound functions

      $("#panel_"+(curPanel+1)).unbind();



      //go forward

      $("#panel_"+(curPanel+1)).click(function(){ change(true,'about'); });



            //remove all previous bound functions

      $("#panel_"+(curPanel-1)).unbind();



      //go back

      $("#panel_"+(curPanel-1)).click(function(){ change(false,'home'); });



      //remove all previous bound functions

      $("#panel_"+curPanel).unbind();
	  
  }

    }



  // Set up "Current" panel and next and prev

  growBigger("#panel_2");

  var curPanel = 2;



  $("#panel_"+(curPanel-1)).click(function(){ change(false,'home'); });

  $("#panel_"+(curPanel+1)).click(function(){ change(true,'about'); });





  //when the left/right arrows are clicked

  $(".home").click(function(){ change(true,'home'); });

  $(".ourlines").click(function(){ change(false,'ourlines'); });

  $(".products").click(function(){ change(false,'products'); });

  $(".about").click(function(){ change(false,'about'); });

  $(".news").click(function(){ change(false,'news'); });

  $(".testimonials").click(function(){ change(false,'testimonials'); });

  $(".contact").click(function(){ change(false,'contact'); });





  $(window).keydown(function(event){

    switch (event.keyCode) {

      case 13: //enter

        $(".right").click();

        break;

      case 32: //space

        $(".right").click();

        break;

      case 37: //left arrow

        $(".left").click();

        break;

      case 39: //right arrow

        $(".right").click();

        break;

    }

  });



});