$(function(){
	//rounded div
	$('#prodAttributes').corner();
	$('#productDetails').corner();
	//Get ul width
	var numberLi = $("#maskScroller ul li").length;
	$("#maskScroller ul").width((numberLi*112)+'px');
	//Clicking
	$("#maskScroller ul li").find("a").click(function(){
		var laoder = $("#loading");
		var newImage = $(this).attr('href');
		var bigImage = $('#mainImage img').not("#loading").not(".mask");
		$.ajax({
		  type:"GET",
		  url: $(this).attr('href'),
		  success:function(data){
		  },
		  complete: function(){
			laoder.hide();
		  },
		  beforeSend: function(){
			laoder.show();
			bigImage.attr('src', newImage);
		  }
		});
		return false;
	});
	//Scroll
	$(".prevP").mousedown(function(){
		if (moving == false){
			moving = true;
			scrollLeft();
			clearInterval(timeout);
			timeout = setInterval(scrollLeft, 400);
		 }
		return false;
	});
	$(".prevP").mouseup(function(){
		clearInterval(timeout);
	});
	$(".nextP").mousedown(function(){
		if (moving == false){
			moving = true;
			scrollRight();
			clearInterval(timeout);
			timeout = setInterval(scrollRight, 400);
		}
		return false;
	});
	$(".nextP").mouseup(function(){
		clearInterval(timeout);
	});	
});

//Scroll
var timeout;
var moving = false;

function scrollLeft(){
	var topActual = ($("#maskScroller ul").offset().left-$("#maskScroller").offset().left);
	if ($("#maskScroller ul").offset().left-$("#maskScroller").offset().left < 0) {
		$("#maskScroller ul").animate({left: (topActual+112)}, 300, null, function(){moving = false;});
	}else{
		moving = false;
	}
}

function scrollRight(){
	var topActual = ($("#maskScroller ul").offset().left-$("#maskScroller").offset().left);
	var lastLi = 336-($("#maskScroller ul").find("li:last").offset().left);
	if ($("#maskScroller ul").width() > $("#maskScroller").width() && lastLi <= -678) {
		$("#maskScroller ul").animate({left: (topActual-112)}, 300, null, function(){moving = false;});
	}else{
		moving = false;
	}
}