$(document).ready(function(){ 
	
	$("#basketItemsWrap li:first").hide();
	$("#slidingTopContent").hide();
	
	$("#slidingTopTrigger").live("click", function(event) {
      	$("#slidingTopContent").slideToggle("slow", function(){
			if ($("#slidingTopContent").is(":visible")) {
				$("#slidingTopFooterLeft").html('<img src="images/arrow-up.png" alt="Hide Basket" /> <a href="no-js.htm" onclick="return false;" id="slidingTopTrigger">Cacher le panier</a>');
			} else {
				$("#slidingTopFooterLeft").html('<img src="images/arrow-down.png" alt="Show Basket" /> <a href="no-js.htm" onclick="return false;" id="slidingTopTrigger">Montrer le panier</a>');
			}
		});
    }); 
	





	$(".productPriceWrapRight a img").click(function() {
		
	
		//document.getElementById('err_t').style.display = 'none';
		//document.getElementById('err_c').style.display = 'none';
		
		var productIDVal = 0;
		var productPriceVal = 0;
		var taille_js = 0;
		var couleur_js = 0;
		var t = 0;
		var c = 0;
		
		
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var productPriceVal 			= productIDValSplitter[2];
		var taille_js 			=        productIDValSplitter[3];
		var couleur_js 			=        productIDValSplitter[4];
		
		var page = document.getElementById('page').value;
		
	//verifier taille.	
	
	if(taille_js !=0)
	{
		
		//alert(document.getElementById('taille').value);
		
		if(document.getElementById('taille').value=="")
		{
			
			//document.getElementById('err_t').style.display = 'block';
			jAlert('<span style="color:#F00"><strong>Veuillez choisir une taille</strong></span>', '');
		
		}
		else
		{
			 t = document.getElementById('taille').value;

		}
		
	}
	else
	{
		t='-1';	
	}
	
	//couleur.
	if(couleur_js !=0)
	{
		
		if(document.getElementById('coul').value=="")
		{
		
			//document.getElementById('err_c').style.display = 'block';
			jAlert('<span style="color:#F00"><strong>Veuillez choisir une couleur</strong></span>', '');
		}
		else
		{
			 c = document.getElementById('coul').value;
		}
		
	}
	else
	{
		c ='-1';	
	}
	
	
	//alert(taille_js);
	//alert(couleur_js);
	if(c!=0 && t!=0)
	{
		
		
		var nb_art = document.getElementById('nbr_art1').value;
		
		var nb_art_tot = parseInt(nb_art) + 1; 
		
		document.getElementById("nbr_art").innerHTML = nb_art_tot+" article(s)";
		
		document.getElementById('nbr_art1').value = nb_art_tot;
		
		
		if ($("#slidingTopContent").is(":visible")) {

			$("#notificationsLoader").html('<img src="images/loader.gif">');
			
		var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		
		if($("#IDproduit_" + productIDVal).length > 0)
        	{
        
			var basketX 		= $("#IDproduit_" + productIDVal).offset().left;
			var basketY 		= $("#IDproduit_" + productIDVal).offset().top;
            }
        else {
        
			var basketX 		= $("#basketTitleWrap").offset().left;
			var basketY 		= $("#basketTitleWrap").offset().top;
		}
		
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= $("#productImageWrapID_" + productIDVal).width() / 3;
		var newImageHeight	= $("#productImageWrapID_" + productIDVal).height() / 3;
		
		$("#productImageWrapID_" + productIDVal + " img")
		.clone()
		.prependTo("#productImageWrapID_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200,function() {
																																																																										  			$(this).remove();
																																																																													});
																																																																								  							
		
			$.ajax({  
			type: "POST",  
			url: "inc/functions.php",  
			data: { IDproduit: productIDVal, Prixproduit : productPriceVal,Tailleproduit: t,Coulproduit: c,Page:page,  action: "ajoutPanier"},  
			success: function(theResponse) {
				
				if( $("#IDproduit_" + productIDVal).length > 0){
					$("#IDproduit_" + productIDVal).animate({ opacity: 0 }, 500);
					$("#IDproduit_" + productIDVal).before(theResponse).remove();
					$("#IDproduit_" + productIDVal).animate({ opacity: 0 }, 500);
					$("#IDproduit_" + productIDVal).animate({ opacity: 1 }, 500);
					$("#notificationsLoader").empty();
					
				} else {
					$("#basketItemsWrap li:first").before(theResponse);
					$("#basketItemsWrap li:first").hide();
					$("#basketItemsWrap li:first").show("slow");  
					$("#notificationsLoader").empty();			
				}
				
			}  
			}); 

		} else {
			
			$("#slidingTopContent").slideToggle("slow", function(){		
																 
				$("#slidingTopFooterLeft").html('<img src="images/arrow-up.png" alt="Hide Basket" /> <a href="aaa.htm" onclick="return false;" id="slidingTopTrigger">Cacher le panier</a>');
				$("#notificationsLoader").html('<img src="images/loader.gif">');
			
			
							var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		
		if($("#IDproduit_" + productIDVal).length > 0)
        	{
        
			var basketX 		= $("#IDproduit_" + productIDVal).offset().left;
			var basketY 		= $("#IDproduit_" + productIDVal).offset().top;
            }
        else {
        
			var basketX 		= $("#basketTitleWrap").offset().left;
			var basketY 		= $("#basketTitleWrap").offset().top;
		}
		
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= $("#productImageWrapID_" + productIDVal).width() / 3;
		var newImageHeight	= $("#productImageWrapID_" + productIDVal).height() / 3;
		
		$("#productImageWrapID_" + productIDVal + " img")
		.clone()
		.prependTo("#productImageWrapID_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200,function() {
																																																																										  			$(this).remove();
																																																																													});
																																																	
																																																																					
				$.ajax({  
				type: "POST",  
				url: "inc/functions.php",  
				data: { IDproduit: productIDVal, Prixproduit : productPriceVal,Tailleproduit: t,Coulproduit: c,Page:page,  action: "ajoutPanier"},  
				success: function(theResponse) {
					
					if( $("#IDproduit_" + productIDVal).length > 0){
						$("#IDproduit_" + productIDVal).animate({ opacity: 0 }, 500);
						$("#IDproduit_" + productIDVal).before(theResponse).remove();
						$("#IDproduit_" + productIDVal).animate({ opacity: 0 }, 500);
						$("#IDproduit_" + productIDVal).animate({ opacity: 1 }, 500);
						$("#notificationsLoader").empty();
						
					} else {
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow");  
						$("#notificationsLoader").empty();			
					}
					
				}  
				}); 
				
				
				$("#slidingTopTrigger").fadeTo(4000, 1, function(){
					$("#slidingTopContent").slideToggle("slow", function(){
						$("#slidingTopFooterLeft").html('<img src="images/arrow-down.png" alt="Montrer le panier" /> <a href="aaa.htm" onclick="return false;" id="slidingTopTrigger">Montrer le panier</a>');												 
					});
					
				});

			});												 
	
		}
	
	
	// fin t c. 
	}
	
	
	});
	
	
	
	$("#basketItemsWrap li img").live("click", function(event) {
		
		var nb_art = document.getElementById('nbr_art1').value;
		
		var nb_art_tot = parseInt(nb_art) - 1; 
		
		document.getElementById("nbr_art").innerHTML = nb_art_tot+" article(s)";
		
		document.getElementById('nbr_art1').value = nb_art_tot;
		
		 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		var productPriceVal 			= productIDValSplitter[2];	
		
			
		$("#notificationsLoader").html('<img src="images/loader.gif">');
	
		$.ajax({  
		type: "POST",  
		url: "inc/functions.php",  
		data: { IDproduit: productIDVal,action: "suppPanier"},  
		success: function(theResponse) {
			
			$("#IDproduit_" + productIDVal).hide("slow",  function() {
				$(this).remove();
			});
			$("#notificationsLoader").empty();
		
		}
					
		});  	
		
	});

});