$(document).ready(function(){
	var loginTriggered = false;
	var passwordTriggered = false;
	$("#espaceClient input[name='login']").click(function(event){
		if(!loginTriggered){
			loginTriggered = true;
			$(this).val("");
		}
	});

	$("#espaceClient input[name='password']").click(function(event){
		if(!passwordTriggered){
			passwordTriggered = true;
			$(this).val("");
		}
	});

	$(".scrollTo").click(function(event){
		event.preventDefault();
		$.scrollTo($("#"+$(this).attr("rel")),1000);
	});
	/**
	 * Submenu
	 */

	
	$(".scrollLeft, .scrollRight").click(function(event){ event.preventDefault(); });

	/** Calcul de la longueur des produits **/
	var divWidth = 0;
	$("#submenu .items li").each(function(){
		divWidth = divWidth + $(this).width() + ($(this).outerWidth(true) - $(this).innerWidth());
	});
	$("#submenu .items").css("width",divWidth);

	if($("#submenu .items").width() <= $("#submenu").width()){
		$(".scrollBar").hide();
	}else{
		var initX = $(".scrollBar").position().left;
		$(".scrollBar").click(function(event){ event.preventDefault(); });
		$(".scrollBar").draggable({
			axis: "x",
			containment: $(".scrollTrack"),
			zIndex: 10,
			drag: function(event, ui){
				var iProgress = ui.position.left - initX;
				var iContainerWidth = $("#submenu .items").width()-$("#submenu").width();
				var iCoeff = (iContainerWidth / ($(".scrollTrack").width()-$(".scrollBar").width()));
				var iNewPos = iCoeff * iProgress;
				$("#submenu .items").css("left",-iNewPos);
			}
		});
		$(".scrollTrack").click(function(event){
			var iClickPos = event.pageX - $(".scrollTrack").offset().left - ($(".scrollBar").width()/2) + initX;

			if(iClickPos < $(".scrollBar").width()/2){
				iClickPos = initX;
			}

			if(iClickPos > $(".scrollTrack").width()-$(".scrollBar").width()){
				iClickPos = $(".scrollTrack").width() - $(".scrollBar").width() + initX;
			}

			var iContainerWidth = $("#submenu .items").width()-$("#submenu").width();
			var iCoeff = (iContainerWidth / ($(".scrollTrack").width()-($(".scrollBar").width())));
			var iNewPos = iCoeff * iClickPos - initX;

			$(".scrollBar").animate(
				{
					left: iClickPos
				},
				{
					duration: 1500,
					queue: false
				}
			)
			$("#submenu .items").animate(
				{
					left: -iNewPos
				},
				{
					duration: 1500,
					queue: false
				}
			)
		});
	}


});