$(document).ready(function(){

	var lastBlock = "li1";

	var maxWidth = 150;
	var minWidth = 100;
	
	var elReq = 6;
	var numOut = 0;
	
	var ulOffset = 0;
	var ulBlockOffset = 0;
			
	var ulWidth = makeUlWidth();
	
	var pos = 0;
	var total = 0;
	
	var canAnimate = true;

	function makeUlWidth(){
		return (($(".latest_new ul li").length + 1) * 170);
	}
	
	function makeUlLeft(el){
		asdf = (($(el).attr("rel")-1) * -107) + ulOffset;
		return asdf;
	}
	
	function makeUlOffset(num){
		return (num * -107);
	}
	
	var hoverin = function(){
		var me = $(this).attr("id");	
		var left = makeUlLeft(this);
		
		
		if(canAnimate){
			
			canAnimate = false;
		
			$(".latest_new ul").animate({left: left + "px"}, {queue: false, duration: 'slow', easing: 'easeOutQuart'});
		
			$("#" + me + " img").animate({width: maxWidth+"px"}, {queue: false, duration: 'slow', easing: 'easeOutQuart'});
			$("#" + me + " span.latest_span").animate({width: "640px"}, {queue: false, duration: 'slow', easing: 'easeOutQuart'});
				
			lastBlock = me;
		}
	};
	
	var hoverout = function(){
		
		if(!canAnimate){
			$(".latest_new ul").animate({left: ulBlockOffset + "px"}, {queue: false, duration: 'slow', easing: 'easeOutQuart'});
		
			$("#" + lastBlock + " img").animate({width: minWidth+"px"}, {queue: false, duration: 'slow', easing: 'easeOutQuart'});
			$("#" + lastBlock + " span.latest_span").animate({width: minWidth+"px"}, {queue: false, duration: 'slow', easing: 'easeOutQuart'});
	
			canAnimate = true;	
		}
		
	}
	
	$(".latest_new ul li").bind("mouseover", hoverin);
	$(".latest_new ul li").bind("mouseout", hoverout);
	
	ulWidth = makeUlWidth();
	$(".latest_new ul").css("width", ulWidth + "px");
		
	$("#latest_left").mouseup(
		function(){
			if(pos == total){
				$.ajax({
					type: "GET",
					url: "/ajax/latest/get/" + $(".latest_new ul li").length + "/" + elReq + "/",
					cache: true,
					success: function(html){
						if(html != ""){
							$(".latest_new ul li").unbind("mouseover");
							$(".latest_new ul li").unbind("mouseout");
						
							$(".latest_new ul").append(html);
						
							ulWidth = makeUlWidth();
							$(".latest_new ul").css("width", ulWidth + "px");
											
							numOut += elReq;					
						
							ulOffset = makeUlOffset(numOut);						
							ulBlockOffset = ulOffset;
							$(".latest_new ul").animate({left: ulOffset + "px"}, {queue: false, duration: 400});
												
							$(".latest_new ul li").bind("mouseover", hoverin);
							$(".latest_new ul li").bind("mouseout", hoverout);
							
							pos++;
							total++;
						}
					}
				});
			}else{
				offSet = ulBlockOffset + makeUlOffset(elReq);
				$(".latest_new ul").animate({left: offSet + "px"}, {queue: false, duration: 400});
				ulOffset = offSet;
				ulBlockOffset = offSet;			
				pos++;
			}
		}
	);
	
	$("#latest_right").mouseup(
		function(){
			var off = $(".latest_new ul").css("left");
			var len = off.substr(0, off.length-2);
			if(len < 0){
				offSet = ulBlockOffset - makeUlOffset(elReq);
				ulOffset = offSet;
				ulBlockOffset = offSet;			
				pos--;
				$(".latest_new ul").animate({left: offSet + "px"}, {queue: false, duration: 400});
			}
		}
	);
	
});