/** déclaration des OBJETS variants/produit **/
	var Products = new Array;
	var Variants = new Array;
	var VariantsProd = new Array;

	function typeProduct(prd, name, url, cat, descr) {
		this.prd = prd;
		this.name = name;
		this.url = url;
		this.cat = cat;
		this.descr = descr;
	}
	function createProduct(prd, name, url, cat, descr) {
		Products[Products.length] = new typeProduct(prd, name, url, cat, descr);
	}
	function typeVariant(id, name, price, prd) {
		this.id = id;
		this.name = name;
		this.price = price;
		this.prd = prd;
	}
	function createVariant(id, name, price, prd) {
		Variants[Variants.length] = new typeVariant(id, name, price, prd);
	}

	var prdactuel ="";
	var category = "";
	var eanactuel="";

	function checkqty(MyControl) {
		if (isNaN(MyControl.value))
		{
			alert('Please indicate a valid number');
			MyControl.value = 1;
		}
		if (MyControl.value > 3)
		{
			
			alert('It is not possible to order more than 3 of the same product');
			MyControl.value = 3;
		}
	 }

/** COMPORTEMENT de la nav **/
	function rollnav(i){
		positioncadre = i * 101;
		document.getElementById("contentnavCommunity").style.background = 'url(/img/_en/_ca/community/bbbmenu_border.gif) #EDEFF0 no-repeat '+positioncadre+'px 0';
		document.getElementById("vprodCommunity").innerHTML = '<a href=javascript:gotoprod("'+Products[i].prd+'")><img src="/img/_db/packshots/m2_'+Products[i].prd+'.jpg"></a><div id="error_bag"></div>';
		ficheprod(i);
	}

/** ECRITURE de la nav du bas **/
	function bbbloadnav(){
		var contentnavCommunity = '<ul id="contentnavCommunity">';
		for (var i = 0; i<Products.length; i++){
			contentnavCommunity += '<li id="bbbnav_'+i+'"><a href="javascript:rollnav('+i+');void(0);" onfocus="blur();"><span>'+Products[i].name+'</span></a></li>';
		}
		contentnavCommunity += '<br class="clearboth"></ul>';

		document.getElementById("barnavCommunity").getElementsByTagName("div")[0].innerHTML = contentnavCommunity;

		for (var i = 0; i<Products.length; i++){
			document.getElementById("bbbnav_"+i).getElementsByTagName("a")[0].style.background = 'url(/img/_db/packshots/m_'+Products[i].prd+'.jpg) no-repeat';
			if (i==	Products.length-1) {
				document.getElementById("bbbnav_"+i).style.padding = "1px";
			}
		}

		taillenav = ((Products.length) * 101)+1;
		document.getElementById("contentnavCommunity").style.width = taillenav+"px";

		if (Products.length >= 0) {
			if (numprod == "" || !numprod) numprod = 0;
			rollnav(numprod);
			
			if(actprod == "") {
				for (var i = 0; i<Variants.length; i++){
					if (Variants[i].id == actprod) {
						for (var b = 0; b<Products.length; b++){
							if (Products[b].prd == Variants[b].prd) rollnav(b);
						}
						rollvar(VariantsProd[i].id);
					}
				}
			}			
		}
	}


/** GESTION du champs select de la fiche produit **/
	function selectoption(selectedvar) {
		var mf = GetMainFormName();
		for (var i=0; i< document.getElementById("selectvar").options.length; i++) {
			if (selectedvar == document.getElementById("selectvar").options[i].value) document.getElementById("selectvar").options[i].selected = "selected" ;
		}
	}
	function isMakeup(x){
		if(x == "../catalog/product_color.aspx" || x == "../catalog/product.aspx") return true
		else return false;
	}
	
	function quelAxe(x) {
		var debut = x.indexOf('^');
		var axe = x.substring(0,debut);
		if(axe=='AXEFragrance'){
			var tmp = x.substring(parseInt(debut)+1,x.length);			
			if(tmp.indexOf('^')!=-1) debut = tmp.indexOf('^');
			else debut = tmp.length; 
			
			axe = tmp.substring(0,debut);			
		}
		return axe;
	}
	function rollvar(variant){
		if (isMakeup(category)){
			document.getElementById('variantimg').src = '/img/_db/variants/'+prdactuel+'/s_'+variant+'.gif';
			selectoption(variant);
			for (var b = 0; b<VariantsProd.length; b++) {
				document.getElementById('cvar_'+VariantsProd[b].id).parentNode.style.border='1px solid white';
			}
			document.getElementById('cvar_'+variant).parentNode.style.border='1px solid black';
		}					
		eanactuel=variant;
		for (var b = 0; b<VariantsProd.length; b++) {
			if (VariantsProd[b].id==variant) document.getElementById('priceCommunity').innerHTML = VariantsProd[b].price;//+ " &euro;";
		}
	}

/** ECRITURE de la fiche produit **/
	function ficheprod(i){			
		prdactuel= Products[i].prd;
		VariantsProd = new Array;
		category = Products[i].url;
		var bbcontentprod1 ="";
		var bbcontentprod2 =""; // contener infoVariants
		var bbcontentprod3 ="";
		var axe = quelAxe(Products[i].cat);
		
		
		//affichage des infos prod
		bbcontentprod1 = '<table border="0" cellspacing="0" cellpadding="0"><tr><td height="35" valign="bottom"><h2 class="gros">'+Products[i].name+'</h2></td></tr>';
		bbcontentprod1 += '<tr><td height="45" valign="top">'+Products[i].descr+'</td></tr></table>';

		//affichage des infos variant
		for (var n = 0; n<Variants.length; n++) {
			if (Variants[n].prd == Products[i].prd){
				VariantsProd[VariantsProd.length] = eval('new typeVariant("'+Variants[n].id+'","'+Variants[n].name+'","'+Variants[n].price+'","'+Variants[n].prd+'")');
			}
		}
		
		// affichage des img Variants (category maquillage)
		if (isMakeup(category)){
			bbcontentprod2 += '<div id="varvisuel"><img src="/img/_db/variants/'+VariantsProd[0].prd+'/s_'+VariantsProd[0].id+'.gif" id="variantimg"></div><div id="minivar" class="scroller"><div><ul>';
			for (var b = 0; b<VariantsProd.length; b++) {
				bbcontentprod2 += '<li><a href=\'javascript:rollvar("'+VariantsProd[b].id+'")\' onfocus=\'blur();\' style=\'display:block; float:left;\'><img src="/img/_db/variants/'+VariantsProd[b].prd+'/c_'+VariantsProd[b].id+'.gif" border="0" width="15" height="15" id="cvar_'+VariantsProd[b].id+'"></a></li>';
			}
			bbcontentprod2 += '<br class="clearboth"></div></ul></div><br class="clearboth">';
		}
		
		// affichage du select Variants (toutes catgory)
		bbcontentprod2 += '<select onchange="rollvar(this.options[selectedIndex].value);" id="selectvar" name="selectvar">';
		for (var b = 0; b<VariantsProd.length; b++) {
			bbcontentprod2 += '<option value="'+VariantsProd[b].id+'">'+VariantsProd[b].name+'</option>';
		}
		bbcontentprod2 += "</select>";

		if (nbprod == "") nbprod = "1";

		//affichage des infos d'achat
		bbcontentprod3 = '<dl><dd><p>Price</p></dd><dt><p id="priceCommunity">'+VariantsProd[0].price+'</p></dt><dd class="quantityCommunity"><p>Quantity</p></dd><dt><div><input type="text" name="QtyList'+Products[i].prd+'" id="QtyList'+Products[i].prd+'" MaxLength="2" onblur="checkqty(this);" value="'+nbprod+'" class="quantity" /></div></dt><br class="clearboth"></dl>';
		bbcontentprod3 += '<div class="buyblockCommunity"><a href="javascript:add2bag(eanactuel,\''+Products[i].prd+'\','+i+');" ><img src="/img/_en/_ca/catalog/i_buy_'+axe+'.gif"></a></div><p class="knowmoreCommunity">&nbsp;<a href=javascript:gotoprod("'+Products[i].prd+'") class="arrow_niv1">Find out more</a></p><br class="clearboth">';

		document.getElementById("blocprodCommunity").innerHTML = bbcontentprod1 + bbcontentprod2 + bbcontentprod3;

		if(actprod != "" && numprod == i) rollvar(actprod);
		else rollvar(VariantsProd[0].id);
	}