jQuery(document).ready(  function() {

	jQuery("td.cap_onglet").click(   function () {
		jQuery(".cap_active").removeClass("cap_active");
		jQuery(this).addClass("cap_active");			 
		jQuery(".onglet_content").hide();
		var contenu_aff = jQuery(this).attr("title");
			jQuery("#" + contenu_aff).show();
	});
	
	jQuery(".choixcolor").click( function() {
		var color = jQuery(this).attr("color");
		jQuery("#info-dispo, #info-last-dispo").hide();
		selectColor(color);
	});
	
	jQuery(".choixsize").click( function() {
		var size = jQuery(this).attr("size");
		var idpi = jQuery(this).attr("idpi");
		checkStock(idpi);
		selectSize(size,idpi);
	});

	jQuery("#ajoutpanier").mouseover( function() {
		alertpanier(1);
	}).mouseout(function(){
		alertpanier(0);
	});

	jQuery.fn.animateHighlight = function (highlightColor, duration) {
        var highlightBg = highlightColor || "#FFFF9C";
        var animateMs = duration || "normal";
        var originalBg = this.css("background-color");

        if (!originalBg || originalBg == highlightBg)
            originalBg = "#FFFFFF"; // default white

        jQuery(this).css("backgroundColor", highlightBg)
					.animate({ backgroundColor: originalBg }, animateMs, null, function () {
						jQuery(this).css("backgroundColor", originalBg); 
					});
    };
	
});

function checkStock(idpi) {
	var url = "/vente/index.html?fuseaction=instock_popup&popup=1&idpi=" + idpi;
	jQuery.ajax({
		type: "POST",
		url: url,
		success: function(msg){
			if ( msg > 0 ) { jQuery("#info-dispo").show(); } else { jQuery("#info-dispo").hide(); }
			if ( msg <= 2 ) { 
				jQuery("#info-last-dispo span").html( jQuery("#info-last-dispo").attr("r"+msg) );
				jQuery("#info-last-dispo").show();
			} else {
				jQuery("#info-last-dispo").hide();
			}
		},
		error: function(msg) {
			//alert(msg);
		}
	});	
}

function alertpanier(etat) {
	var curColor = jQuery("#choix_color").val();
	var curIdpi  = jQuery("#idpi").val();
	var nbSize = jQuery(".list_size[color='"+curColor+"'] .choixsize").length;
	if ( etat == "0" && jQuery.inArray(curIdpi, arr) == -1 && nbSize > 0 ) {
		jQuery('#ajoutpanier_text').html( textePanier.ajouter );
		if ( jQuery("#idpi").val() == "0" ) { jQuery("#ajoutpanier").css("background-color","black"); }
	} else {			
		if ( curColor == "" && curIdpi == "0") {
			jQuery("#ajoutpanier_text").html( textePanier.nocolor );
			jQuery('#ajoutpanier_img').css("margin-right","2px");
			jQuery("#ajoutpanier").css("background-color","red");
		} else {
			if ( curIdpi == "0" && nbSize > 0 ) {
				jQuery("#ajoutpanier_text").html( textePanier.nosize );
				jQuery("#ajoutpanier").css("background-color","red");
			}
		}
	}
}

function selectColor(color) {
	jQuery("#ajoutpanier").unbind('click');
	jQuery(".choixcolor").css("border-color","#CCC");
	jQuery(".choixcolor[color='"+color+"']").css("border-color","#ff0084");
	jQuery("#dsp_color").html( jQuery(".choixcolor[color='"+color+"']").attr('title') );
	jQuery("#choix_color").val(color);
	jQuery("#dsp_size").html("");
	jQuery("#idpi").val("0");
	jQuery(".list_size").hide();
	jQuery(".choixsize").css("border-color","#CCC");
	//var nbSize = jQuery(".list_size[color='"+color+"'] .choixsize").length;
	//if ( nbSize > 0 ) {
		jQuery(".list_size[color='"+color+"']").show();
		jQuery("#ajoutpanier_text").html( textePanier.nosize );
		jQuery("#ajoutpanier").css("background-color","red");
	//} else {
		//jQuery("#tab_size").show();
		//jQuery("#ajoutpanier_text").html( textePanier.epuise );
		//jQuery("#ajoutpanier").css("background-color","#898989 ");
	//}
}

function selectSize(size,idpi) {
	jQuery('#ajoutpanier').unbind('click');
	jQuery("#dsp_size").html(size.replace("_", "."));
	jQuery(".choixsize").css("border-color","#CCC");
	jQuery(".choixsize[size='"+size+"']").css("border-color","#ff0084");
	jQuery("#idpi").val( idpi );
	//jQuery("#ajoutpanier").bind("click", function(){ document.order.submit(); });
	jQuery("#ajoutpanier").bind("click", function(e){ toPanier(); });
	if (jQuery.inArray(idpi, arr) >= 0) {
		jQuery("#ajoutpanier_text").html( textePanier.deja_in );
		jQuery("#ajoutpanier").css({ backgroundColor:"#ff0084", cursor:"pointer" });
	} else {
		jQuery("#ajoutpanier_text").html( textePanier.ajouter );
		jQuery("#ajoutpanier").css({ backgroundColor:"#000", cursor:"pointer" });
	}
}

function toPanier() {
	var idpi = jQuery("#idpi").val();
	var zone = jQuery("#ajoutpanier").attr("zone");
	
	if ( jQuery.inArray(idpi, arr) == -1 ) {
	
		if ( idpi == 0 ) {
			jQuery("#ajoutpanier").unbind('click');
			jQuery("#ajoutpanier_text").html( textePanier.ajouter );
			jQuery("#ajoutpanier").css({ backgroundColor:"black", cursor:"default" });
			jQuery("#choix_color").val("");
			jQuery("#dsp_color").html("");
			jQuery("#dsp_size").html("");
			jQuery(".choixsize").css("border-color","#CCC");
			jQuery(".choixcolor").css("border-color","#CCC");
		} else {
			if ( zone == "catalogue" ) {
				document.order.submit();
			} else {
				jQuery('#ajoutpanier').unbind('click');
				autoaddpanier();
			}
		}
		
	}
	
}

function autoaddpanier() {
	var param = jQuery('form[name="order"]').serialize();
	var url = "/order/index.html?fuseaction=add&popup=1";
	jQuery.ajax({
		type: "POST",
		url: url,
		data: param,
		success: function(msg){
			if ( msg == "OOS" ) {
				var ipdioos = jQuery('#idpi').val();
				jQuery('#ajoutpanier').unbind('click');
				jQuery('#ajoutpanier').css({ backgroundColor:"black", cursor:"text" });
				jQuery('#ajoutpanier_text').html( textePanier.epuise );
				jQuery(".choixsize[idpi='"+ipdioos+"']").css({ backgroundColor:"#ccc", cursor:"default" });
				jQuery(".choixsize[idpi='"+ipdioos+"']").unbind();
			} else {
				jQuery('#product-design').html( jQuery('#content_description').attr('longDesignation') );
				var ppos = (jQuery(window).height() - 205) / 2 - jQuery('#topbar').height() + jQuery(window).scrollTop();
				var lpos = (jQuery(window).width() - 408) / 2  + jQuery(window).scrollLeft();
				var lpos = 276;
				jQuery('#panier-frame').css({ top: ppos, left: lpos });
				jQuery('#panier-frame').show();
				jQuery('#ajoutpanier').unbind('click');
				jQuery('#ajoutpanier_text').html( textePanier.deja_in );
				jQuery('#ajoutpanier').css({ backgroundColor:"#ff0084", cursor:"text" });
				arr.push( jQuery('#idpi').val() );
				calculernbarticle();
			}
		},
		error: function(msg) {
			//alert(msg);
		}
	});	
}

function calculernbarticle() {
	var currNbArticle = parseInt( jQuery("#nbinpanier").html() );
	jQuery("#nbinpanier").html( currNbArticle+1 );
	jQuery("#menu-panier").animateHighlight();
}