// JavaScript Document


// JavaScript Document

var	produitGenre="";


   function valeurTab (un_produit,une_image) {
      this.nomProduit	= un_produit;
	  this.nomImage		= une_image;
      
   }
   
function mycarousel_initCallback(carousel,state)
{
	
	
	 if (state == 'reset')
     return;

    jQuery('#produitsHommes')
    .bind('click', function(e) {
        carousel.reset();
        return false;
    });

   jQuery('#produitsFemmes')
    .bind('click', function(e) {
        carousel.reset();
        return false;
    });
	
		 /*carousel.clip.click(function() {
			$('a.toggle').bind('click', function() {
				var href = $(this).attr('href').split('#');
        		callShowHide(href[1]);
				if ($.browser.msie) {window.location.reload();}
												 });
		});*/
	
	
};   
   
   
function mycarousel_itemLoadCallback(carousel, state)
{
	   if (carousel.has(carousel.first, carousel.last)) {
        return;
    }

		
	var marque = JSExtraireParamMarque();
   $.get('produits/liste'+marque+'.xml', function(data) {
											 
	           mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);


		});

};


// FONCTION OK
function mycarousel_itemAddCallback(carousel, first, last, data)
{
		var nom	= new Array();			 


	//Je fais le travail de récuperation des infos
		$(produitGenre,data).each(function(i) {
					
				nomRef 		= $(this).find("nom").text();
				image		= $(this).find("imgProduits").text();
				var variableTableau = new valeurTab (nomRef,image);
				nom[i] = variableTableau;								 

    		});
			for (var i=0;i<nom.length;i++) {
				carousel.add(i+1,mycarousel_getItemHTML(nom[i].nomProduit,nom[i].nomImage));
			
			}
			carousel.size(nom.length);
};

/**
 * Item html creation helper.
 */
 // FONCTION OK
function mycarousel_getItemHTML(url,image)
{	
    return '<a class="toggle" href="#'+url+'"><img src="images_produits/' + image + '" width="80" height="108" alt="'+url+'"  border="0" /></a>';
};


function loadXMLInfos (produitGenre) {
	var htmlAppend="";
	var i=0;
	var j=0;
	var k=0;

	var marque = JSExtraireParamMarque();
	$.ajax( {
            type: "GET",
            url: "produits/liste"+marque+".xml",
            dataType: "xml",
            success: function(xml) { 
			$(xml).find(produitGenre).each(function(){
					var $entry = $(this);
					var nomProduit 	= $entry.find('nom').text();
					
					$.ajax( {
            				type: "GET",
            				url: "produits/"+nomProduit+".xml",
            				dataType: "xmlProduit",
            				success: function(xmlProduit) { 
										xmlProduit = DataUtilities.processXML(xmlProduit);
										tb_reinit('a.thickbox, area.thickbox, input.thickbox');
										$(xmlProduit).find('produit').each(function() {
												
												var productTitle = $(this).attr('titre');
												var nomImage = $(this).find("imgProduits:eq(0)").text();
												$('<li class="infosProduits" id="'+ nomProduit +'"></li>').html("<div class='image' id='imageId_"+j+"'><img src='images/"+nomImage+".jpg' height='330' width='256' border='0'></div>").appendTo('#carousel-info ul#listeProduits');
												$('#imageId_'+j).after('<div class="infosComplementaires" id="infosComplementaires_'+j+'"></div>');	
												$('<div class="titre" id="titlelink_'+k+'"></div>').html('<a href="fiche_produit.cfm?ref='+nomProduit+'">'+productTitle+'</a>').appendTo('#infosComplementaires_'+ j);														
												$('#titlelink_'+k).after('<div class="description"><ul id="descriptionProduit_'+k+'"></lu></div>');
										
											$(xmlProduit).find('description:gt(0):lt(8)').each(function(j) {
														var description = $(this).text();
														$('<li></li>').html(description).appendTo('#descriptionProduit_'+k);
												});

										//if (j>=$(xml).find(produitGenre).length-1) tb_init('a.thickbox, area.thickbox, input.thickbox');	
										if (produitGenre="produitFemme") var typeMenu = 85;
										else var typeMenu=9;
										$('#descriptionProduit_'+ k).after('<div class="popUp"><a href="popupMarque.cfm?ref='+nomProduit+'&TB_iframe=true&height=550&width=850" class="thickbox">Plus d\'images</a></div><div class="ficheproduitlink"><a href="fiche_produit.cfm?ref='+nomProduit+'&type='+typeMenu+'">Fiche Produit</a></div>');
										$('#carousel-info').css('background-image', 'none');
										k++;

										});
										
	
										j++;

								}
        				}
      				);		
					i++;
				}); 
			}
        }
    );
}

function callShowHide(el) {
	$('li.infosProduits').fadeOut("fast");
	$('li#'+el).fadeIn("slow");
}

function tb_reinit(domChunk) {
	$(domChunk).unbind("click");
	tb_init(domChunk);
}

function setbackground() {
	
	var marque = JSExtraireParamMarque();
	$('#choixMarqueFemme').css('background-image', 'url(img/fond'+marque+'Femme.jpg)');
	$('#choixMarqueFemme').css('background-repeat', 'no-repeat');
	$('#choixMarqueFemme').css('background-position', 'top');
	$('#choixMarqueHomme').css('background-image', 'url(img/fond'+marque+'Homme.jpg)');
	$('#choixMarqueHomme').css('background-repeat', 'no-repeat');
	$('#choixMarqueHomme').css('background-position', 'top');	
	$('#image-marque').css('background-image', 'url(img/fond'+marque+'.jpg)');
	$('#image-marque').css('background-repeat', 'no-repeat');
	$('#image-marque').css('background-position', 'center');

}

function removeList () {
	$("li.infosProduits").remove();	
	$("#image-marque").fadeOut("fast",function() {$("#carousel-info").fadeIn('slow');});
	
}

var DataUtilities = (function() {

//Privileged variables and methods
var self = {
"processXML": function(xml) {
if (!jQuery.support.htmlSerialize) {
//If IE 6+
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.loadXML(xml);
xml = xmlDoc;
}
return xml;
}
};
return self;
})();

function JSExtraireParamMarque()
 {
 
	 	var chemin = "";
		var cheminComplet = "";
	 
		
		// on récupère la page en cours
		
		// si l'URL comporte une query string, on la retire
		if(document.location.search) {
			cheminComplet = document.location.href;
			cheminCompletSansQueryString = cheminComplet.split(document.location.search);
			cheminComplet = cheminCompletSansQueryString[0];
		} else {
			cheminComplet = document.location.href;
		}

		cheminCompletDecoupe = cheminComplet.split("/");
		urlPage = cheminCompletDecoupe[cheminCompletDecoupe.length-1];
		infoMarque = urlPage.split(".");
		nomMarque = infoMarque[0].substring(6,infoMarque[0].length);
   return nomMarque;
 }