jQuery(document).ready(function($){
			
		var left = 0;

// next	
	$("#nextButton").click(function(){

	//init
		containerWidth = $("#container").width();
		containerULWidth = $("#containerUL").width();
		leftMax = containerULWidth - containerWidth;
	
		if(containerULWidth <= containerWidth) {
			//alert("error");
				$("#nextButton").removeClass("on");
				$("#nextButton").addClass("off");	
		}
		var leftMin = containerULWidth - (containerWidth);
	//ENDinit	
		
		if(left > -(containerULWidth - containerWidth)){
			
			left = left - containerWidth + 120;
			if(left <= -leftMax){
				left = -leftMax;
			}
			
			$("#previousButton").removeClass("off");
			$("#previousButton").addClass("on");
			
			$("#containerUL").fadeTo("normal", 0.33);			
			$("#containerUL").animate({ 
				left: left+"px"
			}, 1000 );
			$("#containerUL").fadeTo("normal", 1);
		} else {
			$("#nextButton").addClass("off");
			$("#nextButton").removeClass("on");
		}
			if(left <= -leftMin) {
				$("#nextButton").removeClass("on");
				$("#nextButton").addClass("off");		
			}
    });

// previous
	$("#previousButton").click(function(){
		if(left < 0){
			
			$("#nextButton").removeClass("off");
			$("#nextButton").addClass("on");
			
			left = left + containerWidth - 120;
			if(left > 0){
				left = 0;
			}
			
			$("#containerUL").fadeTo("normal", 0.33);
			$("#containerUL").animate({ 
				left: left+"px"
			}, 1000 );
			$("#containerUL").fadeTo("normal", 1);
		} else {
			$("#previousButton").addClass("off");
			$("#previousButton").removeClass("on");	
		}
		if(left >= 0) {
			$("#previousButton").addClass("off");
			$("#previousButton").removeClass("on");		
		}
    });

});