var site='';
var marque='';
var ouverture=0;
var color_change=0;
var action_en_cours=0;
function trim(string) {
return string.replace(/(^\s*)|(\s*$)/g,'');
}
jQuery.fn.extend({
   findPos : function() {
       obj = jQuery(this).get(0);
       var curleft = obj.offsetLeft || 0;
       var curtop = obj.offsetTop || 0;
       while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
       }
       return {x:curleft,y:curtop};
   }
});
$(document).ready(function() {	
	$(".btn_navigation").click(function() {
		$(".sous_menu").animate({
			marginTop: '0px',
			opacity: 'hide'
		}, 500);
		var num = $(this).attr("id").substring(3);
		//On verifie que le volet possède des sous-marque
		if ((($("#marque"+num).length!=0 && $(this).attr("href")=="#") || (num==site)) && action_en_cours==0) {
			action_en_cours=1;
			//Ouverture du volet
			if ($("#marque" + num).css("display") == "none") {
				//Si le volet est ouvert, on inverse les boutons actif avec celui du site
				if (ouverture > 0) {
					$("#btn" + ouverture).css("background-position", "0px 0px");
					$("#btn"+site).css("background-position", "0px -58px");	
				}
				//On desactive l'onglet du site et on active le volet de l'onglet
				if (num != site) {
					$(this).css("background-position", "0px -58px");
					$("#btn"+site).css("background-position", "0px 0px");
				}
				//WHOOZ si changement couleur on remet le noir
				if (color_change>0) {
					$("#btn"+color_change).css("color", "#000000");
					color_change=0;
				}
				//WHOOZ si la couleur est blanche alors on met du noir lorsque l'onglet est activé
				if ($(this).css("color") == "rgb(0, 0, 0)") {
					$(this).css("color", "#ffffff");
					color_change=num;
				}
				//On enregistre l'id du volet ouvert
				ouverture=num;
				//On monte le volet
				$("#contenu_sous_menu").show();
				$("#marque" + num).animate({
					marginTop: '-157px',
					opacity: 'show'
				}, 500, function() {
					action_en_cours=0;
				});
			}
			//Fermeture du volet
			else {
				//WHOOZ si la couleur a été changé on remet le noir
				if (color_change >0) {
					$(this).css("color", "#000000");
					color_change=0;
				}
				//Si l'onglet fermé est différent de l'onglet du site, on reactive alors l'onglet du site
				if (num != site) {
					$(this).css("background-position", "0px 0px");
					$("#btn"+site).css("background-position", "0px -58px");
					//WHOOZ changement du texte en noir
					if (site==6) {
						$("#btn"+site).css("color", "#ffffff");
						color_change=site;
					}
					ouverture=site;
				}
				//On descend le volet
				$("#marque" + num).animate({
					marginTop: '0px',
					opacity: 'hide'
				}, 500, function() {
					$("#contenu_sous_menu").hide();
					action_en_cours=0;
				});
			}
			return false;
		}
		else {
			$(".btn_navigation").css("background-position", "0px 0px");
			$("#btn"+site).css("background-position", "0px -58px");
			//WHOOZ changement du texte en noir
			if (site==6) {
				$(".btn_navigation").css("color", "#000000");
				$("#btn"+site).css("color", "#ffffff");
				color_change=site;
			}
		}
	});
	$(".btn_navigation").hover(function () {
		var num = $(this).attr("id").substring(3);
		if (num=="") num=-1;
		if ((ouverture != num && num!=site) || (ouverture!=site && num==site)) {
			$(this).css("background-position", "0px -29px");
		}
	}, function() {
		var num = $(this).attr("id").substring(3);
		if (num=="") num=-1;
		if ((ouverture != num && num!=site) || (ouverture!=site && num==site)) {
			$(this).css("background-position", "0px 0px");
			
		}
	});
	$("#navigation_details").click(function() {
		$("#contenu_sous_menu").show();
		$("#marque" + site).animate({
			marginTop: '-157px',
			opacity: 'show'
		}, 500);
		//$("#smarque" + marque).attr("class", "activ_link");
		//$("#collection" + marque).show();

	});
	$(".btn_collection").click(function() {
		var num= $(this).attr("id").substring(14);
		$(".btn_collection").parent().attr("class", "");
		$(".categorie").hide();
		$(this).parent().attr("class","activ_link");
		if ($("#categorie"+num).length>0) {
			$("#categorie"+num).css("display", "");
		}
		return false;
	});
	$(".btn_fermer").click(function() {
		var num = $(this).attr("id").substring(10);
		$("#btn"+num).click();
	});
	$("#btn_collection").click(function() {
		$("#btn"+site).click();
	});
	$(".lien_filarianem").click(function() {
		$(".btn_collection").parent().attr("class", "");
		$(".btn_categorie").parent().attr("class", "");
		$(".categorie").hide();
		if ($("#marque" + site).css("display") == "none") $("#btn"+site).click();
		return false;
	});
	$(".lien_filarianesm").click(function() {
		$(".btn_collection").parent().attr("class", "");
		$(".btn_categorie").parent().attr("class", "");
		$(".categorie").hide();
		if ($("#marque" + site).css("display") == "none") $("#btn"+site).click();
		return false;
	});
	$(".lien_filarianec").click(function() {
		var num = $(this).attr("id").substring(3);
		$(".btn_collection").parent().attr("class", "");
		$(".btn_categorie").parent().attr("class", "");
		$("#btn_collection"+num).parent().attr("class", "activ_link");
		$(".categorie").hide();
		$("#categorie"+num).show();
		if ($("#marque" + site).css("display") == "none") $("#btn"+site).click();
		return false;
	});
	$("#btn_aff_couleur").click(aff_couleur);
	$("#btn_ferm_couleur").click(ferm_couleur);
	$(".ligne_coloris").children("a").click(change_details);
	$("a[rel^='prettyPhoto']").prettyPhoto({social_tools:''});
});

function change_produit(id) {
	$.ajax({
		type: "GET",
		url: url_site+"js/ajax.php",
		data: "mod=1&id=" + id +" &url_site="+url_site,
		success: function(msg){
			$("#tbl_details").html(msg);
			$("#btn_aff_couleur").click(aff_couleur);
			$("#btn_ferm_couleur").click(ferm_couleur);
			$(".ligne_coloris").children("a").click(change_details);
		}
	});
	$.ajax({
		type: "GET",
		url: url_site+"js/ajax.php",
		data: "mod=2&id=" + id+" &url_site="+url_site,
		success: function(msg){
			$("#fond_grand_produit").fadeOut("fast", function() {
    			$("#fond_grand_produit").fadeIn(350).html(msg);
			});
		}
	});
}

function aff_couleur() {
	if ($("#choix_couleur").is(":visible")) {
		ferm_couleur();
	}
	else {
		$("#choix_couleur").show("slow");
	}
}

function ferm_couleur() {
	$("#choix_couleur").hide("slow");
}

function change_details() {
	$("#loader_couleur").show();
	var id = $(this).attr("id");
	id=id.replace("coloris", "");
	$.ajax({
		type: "GET",
		url: url_site+"js/ajax.php",
		data: "mod=1&id=" + id +" &url_site="+url_site,
		success: function(msg){
			$("#tbl_details").html(msg);
			$("#btn_aff_couleur").click(aff_couleur);
			$("#btn_ferm_couleur").click(ferm_couleur);
			$(".ligne_coloris").children("a").click(change_details);
		}
	});
	return false;
}