//Définition des variables
	// nom du div où mes sous familles sont à chercher
	var div_infos='familly_list';
	// url pour récupérer le contenu de la page de destination
	var url_search='getpagecontent';
	// Conteneur receptacle
	var div_dest='products';
	// paramètres à passer
	var params='';


//permet de travailler avec les ClassesNames
function getElementsByClassName(oElm, strTagName, strClassName){

	var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)

}

	
//supression des espaces dans une chaine
function trim(string){
  return string.replace(/(^\s*)|(\s*$)/g,'');
}


function get_products(label){
	var url = '';
	params= encodeURIComponent(label);
	url = label+url_search;
	params = '';
 	var myAjax = new Ajax.Request(url,{method: 'get', parameters: params, onComplete: showResponse, asynchronous:true});
}

function showResponse(originalRequest){
	// on vide le div products afin que les produits des différentes familles ne s'empillent pas	
	document.getElementById(div_dest).getElementsByTagName("div")[0].innerHTML='';
	var a ='';
	a = originalRequest.responseText;
	var produits = document.createElement("div");
	produits.setAttribute('id', 'temp');
	// l'élément "a" n'est plus une chaine de caracteres mais un objet HTML, on va donc pouvoir travailler en DOM
	produits.innerHTML = a ;
	var prod = produits.getElementsByTagName("div");
	for(j=0 ; j<prod.length ; j++){
		if(prod[j].className=="short_product"){
			document.getElementById(div_dest).getElementsByTagName("div")[0].appendChild(prod[j]);	
		}
	}
	// on réinitialise le scroller pour les produits après avoir inséré dynamiquement les produits en AJAX
	product = new jsScroller(document.getElementById(div_dest), 400, 400);
	// alert(product.totalHeight);
}

function reportError(request){
		alert('Sorry. There was an error.');
}

function init_prod(){
	if(document.getElementById(div_infos)){
		Element.hide(div_infos);
		var familles=document.getElementById(div_infos).getElementsByTagName('a');
		var label='';
		if(familles.length>0){
			for(var i=0;i<familles.length;i++){
				familles[i].setAttribute("className","defaut");
				familles[i].onclick = function(){
					if(this.href == "javascript:void(0);"){
						//si on a déjà cliqué sur la famille
						get_products(this.rel);
					}else{
						//sinon, on vide l'action du href
						this.setAttribute("rel", this.href);	
						get_products(this.rel);
						this.href = "javascript:void(0);";
					}
					//attribution de la bonne image de fond au click
					for(var j=0;j<familles.length;j++){
						if(familles[j].getAttribute("class") =="active" || familles[j].getAttribute("className") =="active"){
							familles[j].className = "defaut";
						}
					}
					this.className = "active";

				}
			}
			Element.show(div_infos);
		}
	}
	Element.show(div_dest);
}

function removeAdd2Cart(element){
	var noeud = document.getElementById('overDiv');
	var newAdd2Cart = noeud.cloneNode(true);
	noeud.parentNode.removeChild(noeud);
	element.appendChild(newAdd2Cart);
}

//insertion d'une fonction nécéssaire pour l'ajout au panier
function add_to_cart(id_product,params){
	xmlhttpobj=getXmlHttpObject();
	if(typeof xmlhttpobj != 'undefined'){
		var post_vars='&id_product='+id_product;
		if(document.getElementById('addToCartQuantityProduct'+id_product))
			post_vars+='&quantity='+encodeURIComponent(document.getElementById('addToCartQuantityProduct'+id_product).value);
		if(document.getElementById('variante1'))
			post_vars+='&var1='+encodeURIComponent(document.getElementById('variante1').value);
		if(document.getElementById('variante2'))
			post_vars+='&var2='+encodeURIComponent(document.getElementById('variante2').value);
		if(document.getElementById('options'))
			post_vars+='&opt='+encodeURIComponent(document.getElementById('options').value);
		var customised_texts_list=document.getElementsByName('customised_text');
		if(customised_texts_list.length>0){
			var customised_text='';
			for(var i=0;i<customised_texts_list.length;i++)
				customised_text+=customised_texts_list[i].id+':'+customised_texts_list[i].value+'|||';
			post_vars+='&customised_text='+encodeURIComponent(customised_text);
		}
		uri=location.href.split('/');
		if(uri[uri.lenght-1]!=''){
			uri.pop();
			url=uri.join('/')+'/';
		}else{
			url=uri.join('/');
		}
		url+='addtocartoverlib';
		displayOverlib('Please wait...','Ajouter au panier','Fermer','od_ad_to_cart',params);
		var od_content=document.getElementById('overlibcontent');
		var xmlhttp=getXmlHttpObject();
		xmlhttp.open("POST", url, true, null, null);
		xmlhttp.onreadystatechange=function(){
			if(xmlhttp.readyState==4){
				if (xmlhttp.status==200){
					var contentText=xmlhttp.responseText;
					document.getElementById('overlibcontent').innerHTML=contentText;
				}else{
					alert("Problem retrieving XML data")
				}
			}
		}
		xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xmlhttp.send(post_vars);

	}else{
		document.getElementById('add_to_cart_form_'+id_product).submit();
	}
}