$(document).ready(function() {
 
 $("#home-logos-slide").replaceWith("<div id=\"home-logos-slide\"><p><span class=\"home-logos-link\">More</span></p></div>");
 
 var numLogos = $(".home-content-panel-animate").children().size();
 
 var distances=new Array();
 
 var numRows = numLogos/3;
 var leftOverRows = numRows%3;
 var fullPanels = (numRows-leftOverRows)/3;
 
 for(var i=1; i<fullPanels; i++){
 	distances.push(381);
 }
 if(leftOverRows != 0){
 	distances.push(127*leftOverRows);
 }
  
 var iteration = 0; 
 var allowScroll = 1;
  
 $("#home-logos-slide").click(function() {
  		if(allowScroll == 1){
			allowScroll = 0;
			
			if(iteration > distances.length-1){
				$(".home-content-panel-animate").animate({top: "0px", useTranslate3d:true, leaveTransforms:true}, 600, "easeInOutCubic", function(){
					allowScroll = 1;
				});
				iteration = 0;
			}else{
				$(".home-content-panel-animate").animate({top: "-="+ distances[iteration] +"px", useTranslate3d:true, leaveTransforms:true}, 600, "easeInOutCubic", function(){
					allowScroll = 1;
				});
				iteration++
			}
			
			if(iteration == distances.length){
				$(".home-logos-link").text("Back to top");
				$("#home-logos-slide p").css("background-image", "url(\"assets/hp-logos-arrow-top-active.png\")");
			}else{
				$(".home-logos-link").text("More");
				$("#home-logos-slide p").css("background-image", "url(\"assets/hp-logos-arrow-more-active.png\")");
			}
			
			
		}

  
  });
  
  	
	
	$("#home-logos-slide").mouseenter(function() { 
  	  $("#home-logos-slide p").css("color", "#FFCC00");
  	 	 if(iteration == distances.length){
  	  		$("#home-logos-slide p").css("background-image", "url(\"assets/hp-logos-arrow-top-active.png\")");
  		  }else{
  	  		$("#home-logos-slide p").css("background-image", "url(\"assets/hp-logos-arrow-more-active.png\")");
  		  };
  	     	  
	});
	
	$("#home-logos-slide").mouseleave(function() { 
  	  $("#home-logos-slide p").css("color", "#00BDE6");
  	 	 if(iteration == distances.length){
  	  		$("#home-logos-slide p").css("background-image", "url(\"assets/hp-logos-arrow-top-inactive.png\")");
  		  }else{
  	  		$("#home-logos-slide p").css("background-image", "url(\"assets/hp-logos-arrow-more-inactive.png\")");
  		  };
  	     	  
	});
	
	
});