$(document).ready(function() {
      var slot = 0;
      $("#slide-left").click(function() {
          if (slot<3){
          slot++;
          var position = String(slot*464);
		  var ending = String((slot+1)*4);
		  var start = String((slot+1)*4-3);
          $("#images, #captions").css("left","-"+position+"px");
//          $("#images, #captions").css("-moz-transform","translate(-"+position+"px, 0px)");
  //        $("#images, #captions").css("-o-transform","translate(-"+position+"px, 0px)");
    //      $("#images, #captions").css("transform","translate(-"+position+"px, 0px)");
          $("#controls span").removeClass("selected");
          $(this).addClass("selected");
          $("#range").text(start+" - "+ending);
		  if (slot==3){
              $("#slide-left").addClass("end");
              }
          else{
              $("#slide-left").removeClass("end");						
              }
          $("#slide-right").removeClass("end");
          
          }
      });
      
      $("#slide-right").click(function() {
          if (slot>0){
          slot--;
          var position = String(slot*464);
		  var ending = String((slot+1)*4);
		  var start = String((slot+1)*4-3);
          $("#images, #captions").css("left","-"+position+"px");
//          $("#images, #captions").css("-webkit-transform","translate(-"+position+"px, 0)");
  //        $("#images, #captions").css("-moz-transform","translate(-"+position+"px, 0px)");
    //      $("#images, #captions").css("-o-transform","translate(-"+position+"px, 0px)");
      //    $("#images, #captions").css("transform","translate(-"+position+"px, 0px)");
          $("#controls span").removeClass("selected");
          $("#range").text(start+" - "+ending);
          $(this).addClass("selected");
          if (slot==0){
              $("#slide-right").addClass("end");
              }
          else{
              $("#slide-right").removeClass("end");						
              }
          $("#slide-left").removeClass("end");
          }
      });
	  //--------------------------------------//
	  function mouseover(n)
	  {
	  	n = String(n);
	  	$('#link'+n+", #caption"+n).mouseenter(function() {
		  if(previous!= "#picture"+n){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap+", "+prev_link).removeClass("blue");
		  }
		  $("#caption"+n+", #link"+n).addClass("blue");	
		  prevcap = "#caption"+n;
		  $("#picture"+n+", #synopsis"+n).removeClass("inactive");
		  previous = "#picture"+n;
		  prev = "#synopsis"+n;
		  prev_link = "#link"+n;
		  
		  });
		  }
	  var previous = "#picture1";
	  var prev = "#synopsis1";
	  var prevcap = "#caption1";
	  var prev_link = "#link1";
	  for ($c = 1; $c <= 16; $c++){ 
		   mouseover($c);}
	  /*$('#link1').mouseenter(function() {
		  if(previous!= "#picture1"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption1").addClass("blue");	
		  prevcap = "#caption1";
		  $("#picture1, #synopsis1").removeClass("inactive");
		  previous = "#picture1";
		  prev = "#synopsis1";
		  
		  });
	  $('#link2').mouseenter(function() {								
		  if(previous!= "#picture2"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption2").addClass("blue");	
		  prevcap = "#caption2";
		  $("#picture2, #synopsis2").removeClass("inactive");
		  previous = "#picture2";
		  prev = "#synopsis2";
		  });
	  $('#link3').mouseenter(function() {								
		  if(previous!= "#picture3"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption3").addClass("blue");	
		  prevcap = "#caption3";
		  $("#picture3, #synopsis3").removeClass("inactive");
		  previous = "#picture3";
		  prev = "#synopsis3";
	  });
	  $('#link4').mouseenter(function() {								
		  if(previous!= "#picture4"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }		  $("#caption4").addClass("blue");	
		  prevcap = "#caption4";
		  $("#picture4, #synopsis4").removeClass("inactive");
		  previous = "#picture4";
		  prev = "#synopsis4";
	  });
	  $('#link5').mouseenter(function() {								
		  if(previous!= "#picture5"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption5").addClass("blue");	
		  prevcap = "#caption5";
		  $("#picture5, #synopsis5").removeClass("inactive");
		  previous = "#picture5";
		  prev = "#synopsis5";
	  });
	  $('#link6').mouseenter(function() {								
		  if(previous!= "#picture6"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption6").addClass("blue");	
		  prevcap = "#caption6";
		  $("#picture6, #synopsis6").removeClass("inactive");
		  previous = "#picture6";
		  prev = "#synopsis6";
	  });
	  $('#link7').mouseenter(function() {								
		  if(previous!= "#picture7"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption7").addClass("blue");	
		  prevcap = "#caption7";
		  $("#picture7, #synopsis7").removeClass("inactive");
		  previous = "#picture7";
		  prev = "#synopsis7";
	  });
	  $('#link8').mouseenter(function() {								
		  if(previous!= "#picture8"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption8").addClass("blue");	
		  prevcap = "#caption8";
		  $("#picture8, #synopsis8").removeClass("inactive");
		  previous = "#picture8";
		  prev = "#synopsis8";
	  });
	  $('#link9').mouseenter(function() {								
		  if(previous!= "#picture9"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption9").addClass("blue");	
		  prevcap = "#caption9";
		  $("#picture9, #synopsis9").removeClass("inactive");
		  previous = "#picture9";
		  prev = "#synopsis9";
	  });
	  $('#link10').mouseenter(function() {								
		  if(previous!= "#picture10"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption10").addClass("blue");	
		  prevcap = "#caption10";
		  $("#picture10, #synopsis10").removeClass("inactive");
		  previous = "#picture10";
		  prev = "#synopsis10";
	  });
	  $('#link11').mouseenter(function() {								
		  if(previous!= "#picture11"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption11").addClass("blue");	
		  prevcap = "#caption11";
		  $("#picture11, #synopsis11").removeClass("inactive");
		  previous = "#picture11";
		  prev = "#synopsis11";
	  });
	  $('#link12').mouseenter(function() {								
		  if(previous!= "#picture12"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption12").addClass("blue");	
		  prevcap = "#caption12";
		  $("#picture12, #synopsis12").removeClass("inactive");
		  previous = "#picture12";
		  prev = "#synopsis12";
	  });
	  $('#link13').mouseenter(function() {								
		  if(previous!= "#picture13"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption13").addClass("blue");	
		  prevcap = "#caption13";
		  $("#picture13, #synopsis13").removeClass("inactive");
		  previous = "#picture13";
		  prev = "#synopsis13";
	  });
	  $('#link14').mouseenter(function() {								
		  if(previous!= "#picture14"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption14").addClass("blue");	
		  prevcap = "#caption14";
		  $("#picture14, #synopsis14").removeClass("inactive");
		  previous = "#picture14";
		  prev = "#synopsis14";
	  });
	  $('#link15').mouseenter(function() {								
		  if(previous!= "#picture15"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption15").addClass("blue");	
		  prevcap = "#caption15";
		  $("#picture15, #synopsis15").removeClass("inactive");
		  previous = "#picture15";
		  prev = "#synopsis15";
	  });
	  $('#link16').mouseenter(function() {								
		  if(previous!= "#picture16"){
			  $(previous+","+prev).addClass("inactive");
			  $(prevcap).removeClass("blue");
		  }
		  $("#caption16").addClass("blue");	
		  prevcap = "#caption16";
		  $("#picture16, #synopsis16").removeClass("inactive");
		  previous = "#picture16";
		  prev = "#synopsis16";
	  });*/
  
  
	});