function toggleMenu(id,entry){
	menuelements=$(id).getElementsByTagName('ul');
	if( entry == null){
		for(var i=0;i< menuelements.length;i++){
			//alert(menuelements[i]);
			$(menuelements[i]).hide();
		}
	}else{
		if(!$(menuelements[entry]).visible() ){
			$(menuelements[entry]).show();
		}else{
			$(menuelements[entry]).hide();
		}
	}
}


function montre(id) {
var d = $(id);
	for (var i = 0; i<=30; i++) {
		if ($('produit'+i)) { 
			var elm = $('produit'+i).getElementsByTagName('dd');
			$(elm[0]).hide();
		}
	}
if (d) {d.getElementsByTagName('dd')[0].setOpacity(0.9);d.getElementsByTagName('dd')[0].show();}
}

function createDiv(divname){
	if(!$(divname)){
		element = document.createElement('div');
		element.id=divname;
		document.getElementsByTagName('body')[0].appendChild(element);
		return element;
	}else{
		return $(divname);
	}
}

function SendIt(url){
//	alert(url);
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport) {
			
		}
	});
	var lf = $('form_ajax').cumulativeOffset()[0] + 'px';
	var tp = $('form_ajax').cumulativeOffset()[1] + 'px';
	$('form_ajax').hide();
	var dform = createDiv('cont_buy');
	dform.update('<a href="#" onclick="$(\'cont_buy\').hide();">Continuer mes achats</a><br/><a href="index.php?page=Panier">Terminer ma commande</a>');
	dform.absolutize();
	dform.style.left = lf;
	dform.style.top = tp;
	dform.show();
}

function ChangeArticle(id, comboBox, champs){
	var action;
	if(champs == 'Taille')
		action = 'taille';
	
	if(champs == 'Colori')
		action = 'colori';
		
	SendIt('index.php?page=Rss&action=AddPanier&item=' + id + '&' + action +'=' + comboBox.options[comboBox.selectedIndex].value);	
}

function increment(id){
	ligne = $('item' + id);
	cells = ligne.getElementsByTagName('td');
	cells[2].firstChild.data++;
	cells[3].firstChild.data = (parseInt(cells[2].firstChild.data) * parseFloat(cells[1].firstChild.data)).toFixed(2); 
	$('total').firstChild.data = (parseFloat($('total').firstChild.data) + parseFloat(cells[1].firstChild.data)).toFixed(2);
	SendIt('index.php?page=Rss&action=AddPanier&item=' + id + '&quantite=' + cells[2].firstChild.data  );
}

function decrement(id){
	ligne = $('item' + id);
	cells = ligne.getElementsByTagName('td');
	cells[2].firstChild.data--;
	cells[3].firstChild.data = (parseInt(cells[2].firstChild.data) * parseFloat(cells[1].firstChild.data)).toFixed(2); 
	$('total').firstChild.data = (parseFloat($('total').firstChild.data) - parseFloat(cells[1].firstChild.data)).toFixed(2);
	SendIt('index.php?page=Rss&action=AddPanier&item=' + id + '&quantite=' + cells[2].firstChild.data  );
}

function ChangeTaille(id,colori, taille){
	url = 'index.php?page=Rss&action=GetTC&item=' +id
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport) {
			createFormChangeTaille(id,colori, taille, transport.responseText);
		}
	});
}

function createFormChangeTaille(id,colori, taille, JSONdata){
	info = JSONdata.evalJSON();
	var htmlString = '<form> <select name="colori" id="colori" onChange="AjaxFillTaille()";>';
	for(var i in info){
			htmlString+='<option value="' + info[i]['Colori'][0] + '" ';
			if( i == colori){
				htmlString+= 'selected="selected" ';	
			}
			htmlString +='>' + info[i]['Colori'][1] + '</option>';
		
	}
	htmlString+='</select><select name="taille" id="taille"></select><br/><button type="button" onclick="modTailleColori(\'' + id + '\', this);">Modifier</button></form>';
	myform = createDiv('form_ajax');
	myform.update(htmlString);
	AjaxFillTaille();//doit retourner une erreur
	for(i = 0; i < $('taille').options.length;i++){
		if($('taille').options[i].value == taille){
			$('taille').options.selectedIndex = i;
		}	
	} 
}

function SendData(url){
//	alert(url);
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport) {
			//a reception on peut recharger la page 
			try{
				document.reload();
			}catch(err ){
				window.location=document.location	
			}
		}
	});
}

function modTailleColori(id, bouton){
	url = "index.php?page=Rss&action=AddPanier&item=" + id + "&colori=" + bouton.form.colori.options[bouton.form.colori.options.selectedIndex].value + '&taille=' + bouton.form.taille.options[bouton.form.taille.options.selectedIndex].value;
	SendData(url);
	document.getElementsByTagName('body')[0].removeChild($('form_ajax'));	
}

function AjaxFillTaille(selbox, colori){
	if(!selbox){
		selbox = 'taille';
		colori = 'colori'; 	
	}	
	$(selbox).options.length = 0;	
	index = '' + $(colori).options[$(colori).selectedIndex].value;
	myData = info[index]['Taille'];
	for( var key in myData){
		if(! isNaN(key) )		
			$(selbox).options[$(selbox).options.length]= new Option(myData[key], key);	
	}

}

function AddPanier(id){
	var element = ($('p' + id) );
	myform = createDiv('form_ajax');
	//myform.appendChild(document.createTextNode('Merci de patienter, recupération des données en cours'));
	
	var htmlForm = 	'<form class="panier"><strong>Ajouter au Panier</strong><br/><br/>Quantite <button type="button" onclick="$(\'quantite\').value = 1 + parseInt($(\'quantite\').value);return false;">+</button><input id="quantite" name="quantite" type="text" value="1" size="3"/> <button  type="button" onclick="if(parseInt($(\'quantite\').value) > 1){ $(\'quantite\').value = parseInt($(\'quantite\').value) - 1;}return false;">-</button><br/>';
	if(info.length > 0){
		htmlForm +='<select name="colori" id="Jcolori" onchange="FillTaille(\'Jtaille\',\'Jcolori\');">';
		items = $('colori').options;
		for(index=0; index<items.length; index++){
			htmlForm+='<option value="' + items[index].value + '">' + items[index].text + '</option>';
		}
		htmlForm += '</select><select name="taille" id="Jtaille"></select><br/>';
		htmlForm+='<button  type="button"  onclick="SendIt(\'index.php?page=Rss&action=AddPanier&item=' + id + '&quantite=\'+ $(\'quantite\').value + \'&colori=\' + $(\'Jcolori\').options[$(\'Jcolori\').options.selectedIndex].value + \'&taille=\' + $(\'Jtaille\').options[$(\'Jtaille\').options.selectedIndex].value );return false;">Ajouter</button> <button  type="button"  onclick="$(\'form_ajax\').hide();return false;">Fermer</button></form>';
	}else{
		//+ ''
		htmlForm+='<button  type="button"  onclick="SendIt(\'index.php?page=Rss&action=AddPanier&item=' + id + '&quantite=\'+ $(\'quantite\').value );return false;">Ajouter</button> <button  type="button"  onclick="$(\'form_ajax\').hide();return false;">Fermer</button></form>';
	}
	myform.update(htmlForm);
	if(info.length > 0){
		$('Jcolori').options.selectedIndex=$('colori').options.selectedIndex;
		FillTaille('Jtaille','Jcolori');
		$('Jtaille').options.selectedIndex=$('taille').options.selectedIndex;
	}
	//new Draggable(myform);
	myform.setOpacity(0.9);
	myform.absolutize();
	myform.style.left = element.cumulativeOffset()[0] + 'px';
	myform.style.top = element.cumulativeOffset()[1] +'px';
/*	myform.setStyle({
		
	});*/
	myform.show();
	//new Effect.Appear($('popup_'+divname));
	
	/*new Ajax.Request('index.php?page=Rss&action=AddPanier&item=' + id, {
		method: 'get',
		onSuccess: function(transport) {
			
		}
	});*/
}

function AddPackagePanier(id){
	var element = ($('p' + id) );
	myform = createDiv('form_ajax');
	//myform.appendChild(document.createTextNode('Merci de patienter, recupération des données en cours'));
	myform.update('<form class="panier"><strong>Ajouter au Panier</strong><br/><br/>Quantite <button type="button" onclick="$(\'quantite\').value = 1 + parseInt($(\'quantite\').value);return false;">+</button><input id="quantite" name="quantite" type="text" value="1" size="3"/> <button  type="button" onclick="if(parseInt($(\'quantite\').value) > 1){ $(\'quantite\').value = parseInt($(\'quantite\').value) - 1;}return false;">-</button><br/><button  type="button"  onclick="SendIt(\'index.php?page=Rss&action=AddPanier&type=package&item=' + id + '&quantite=\'+ $(\'quantite\').value );return false;">Ajouter</button> <button  type="button"  onclick="$(\'form_ajax\').hide();return false;">Fermer</button></form>');
	//new Draggable(myform);
	myform.setOpacity(0.9);
	myform.absolutize();
	myform.style.left = element.cumulativeOffset()[0] + 'px';
	myform.style.top = element.cumulativeOffset()[1] +'px';
/*	myform.setStyle({
		
	});*/
	myform.show();
	//new Effect.Appear($('popup_'+divname));
	
	/*new Ajax.Request('index.php?page=Rss&action=AddPanier&item=' + id, {
		method: 'get',
		onSuccess: function(transport) {
			
		}
	});*/
}


function checkpwd(formulaire){
	if(formulaire.new1.value == formulaire.new2.value && formulaire.new1.value!=''){
		formulaire.sendit.disabled = false;
		$('resultat_validation').firstChild.data='Les mots de passe concordent';
	}else{
		formulaire.sendit.disabled = true;
		$('resultat_validation').firstChild.data='Les mots de passe sont differents';
	}
	new Ajax.Request('ajax.php?action=passstrength', {
		method: 'post',
		parameters: {pass: formulaire.new1.value}, 
		onSuccess: function(transport){
			var mdata = $('resultat_validation').firstChild.data + '<br/>' + transport.responseText;
			$('resultat_validation').update(mdata);
		}
	});

	
}

function checkpwd2(formulaire){
	if(formulaire.pass1.value == formulaire.pass2.value && formulaire.pass1.value!=''){
		return true;
	}else{
		alert("Les mot de passes sont differents ou vide");
		return false;
	}
}

function checkMail(formulaire){
	var mail = formulaire.mail.value
	var regexp = new RegExp("^[a-zA-Z0-9\-_]+[a-zA-Z0-9\.\-_]*@[a-zA-Z0-9\-_]+\.[a-zA-Z\.\-_]{1,}[a-zA-Z\-_]+","i");
	if( regexp.test(mail )){
		new Ajax.Request('ajax.php?action=domainname', {
			method: 'post',
			parameters: {domain: mail}, 
			onSuccess: function(transport){
				if(transport.responseText == 'Ok'){
					formulaire.sendit.disabled=false;
				}
			},
			OnFailure: function(){alert("Erreur lors de l'envoie de la verification");}
		});
	}else{
		alert("La validation de l'adresse n'est pas concluante");
		return false;
	}
}

function CreateOptionNode(Val, texte){
	var node = document.createElement("option");
	node.setAttribute("value",Val);
	node.appendChild( document.createTextNode(texte));
	return node;
}

function getStates(formulaire){
new Ajax.Request('./index.php?action=ajax&item=filtre&method=etat',
  {
    method:'get',
    onSuccess: function(transport){
      var response = transport.responseText;
	var node1 = document.createTextNode("Etat");
	var node = document.createElement("input");
	node.setAttribute("type","hidden");
	node.setAttribute("value","Etat");
	node.setAttribute("name","field[]");
	var node3 = document.createElement("input");
	node3.setAttribute("type","hidden");
	node3.setAttribute("value","=");
	node3.setAttribute("name","operateur[]");
	
	var node2 = document.createElement("select");
	node2.setAttribute("name","valeur[]");
	node2.setAttribute("type","text");
	var list = response.split("\n");
	for( i=0;i< list.length;i++){
		if(list[i].indexOf(":") != -1){
			var ligne = list[i].split(":");
			node2.appendChild(CreateOptionNode(ligne[0],ligne[1]));
		}
	}
	var lnode = $('last');
	formulaire.insertBefore(node1,lnode );
	formulaire.insertBefore(node,lnode);
	formulaire.insertBefore(node2, lnode);
	formulaire.insertBefore(node3, lnode);
	formulaire.insertBefore(document.createElement("br"), lnode);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });


}

function positionnerclient( ){
	form2 = $('form_rech');
	var str = this.firstChild.data.toLowerCase();
	for(i=0;i<form2.elements.length;i++){
		var matchs = form2.elements[i].value.toLowerCase();
		if(str.indexOf(matchs) != -1){
			form2.elements[i].value = this.firstChild.data;
		}
	}
	document.getElementsByTagName('body')[0].removeChild($('result') );
}

function clientajax(){
	new Ajax.Request('./index.php?action=ajax&item=filtre&method=client&value=' + this.value,
  {
    method:'get',
    onSuccess: function(transport){
      var response = transport.responseText;
	var div = $('result')
	if(div ==  null){
		div = document.createElement("div");
		div.setAttribute("id","result");
	}else{
		while(div.hasChildNodes()){
			div.removeChild(div.firstChild);
		}
	}
	var list = response.split("\n");
	for( i=0;i< list.length;i++){
		var node = document.createElement("span");
		node.appendChild(document.createTextNode(list[i]));
		node.onclick=positionnerclient;
		div.appendChild(node);
		div.appendChild(document.createElement("br"));
	}
	document. getElementsByTagName('body')[0].appendChild(div);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });
}

function getClient(formulaire){
	var node1 = document.createTextNode("Nom du Client");
	var node = document.createElement("input");
	node.setAttribute("type","hidden");
	node.setAttribute("value","Nom du Client");
	node.setAttribute("name","field[]");
	var node3 = document.createElement("input");
	node3.setAttribute("type","hidden");
	node3.setAttribute("value","like");
	node3.setAttribute("name","operateur[]");
	
	var node2 = document.createElement("input");
	node2.setAttribute("name","valeur[]");
	node2.setAttribute("type","text");
	node2.onkeyup=clientajax;
	var lnode = $('last');
	formulaire.insertBefore(node1,lnode );
	formulaire.insertBefore(node,lnode);
	formulaire.insertBefore(node2, lnode);
	formulaire.insertBefore(node3, lnode);
	formulaire.insertBefore(document.createElement("br"), lnode);
}

function getIdClient(formulaire){
	var node1 = document.createTextNode("Identifiant du Client");
	var node = document.createElement("input");
	node.setAttribute("type","hidden");
	node.setAttribute("value","Identifiant du Client");
	node.setAttribute("name","field[]");
	var node3 = document.createElement("input");
	node3.setAttribute("type","hidden");
	node3.setAttribute("value","=");
	node3.setAttribute("name","operateur[]");
	
	var node2 = document.createElement("input");
	node2.setAttribute("name","valeur[]");
	node2.setAttribute("type","text");
	var lnode = $('last');
	formulaire.insertBefore(node1,lnode );
	formulaire.insertBefore(node,lnode);
	formulaire.insertBefore(node2, lnode);
	formulaire.insertBefore(node3, lnode);
	formulaire.insertBefore(document.createElement("br"), lnode);
}

function getCommande(formulaire){
	var node1 = document.createTextNode("Numero de commande");
	var node = document.createElement("input");
	node.setAttribute("type","hidden");
	node.setAttribute("value","Numero de commande");
	node.setAttribute("name","field[]");
	var node3 = document.createElement("select");
	node3.setAttribute("name","operateur[]");
	node3.appendChild(CreateOptionNode("=","Egal à"));
	node3.appendChild(CreateOptionNode(">=","Supérieur à"));
	node3.appendChild(CreateOptionNode("<=","Inférieur à"));

	var node2 = document.createElement("input");
	node2.setAttribute("name","valeur[]");
	node2.setAttribute("type","text");
	var lnode = $('last');
	formulaire.insertBefore(node1,lnode );
	formulaire.insertBefore(node,lnode);
	formulaire.insertBefore(node3, lnode);
	formulaire.insertBefore(node2, lnode);
	formulaire.insertBefore(document.createElement("br"), lnode);
}

function getByWeek(formulaire){
	var node1 = document.createTextNode("Semaine de Commandee");
	var node = document.createElement("input");
	node.setAttribute("type","hidden");
	node.setAttribute("value","Semaine de Commande");
	node.setAttribute("name","field[]");
	var node3 = document.createElement("input");
	node3.setAttribute("type","hidden");
	node3.setAttribute("value","=");
	node3.setAttribute("name","operateur[]");
	
	var node2 = document.createElement("input");
	node2.setAttribute("name","valeur[]");
	node2.setAttribute("type","text");
	var lnode = $('last');
	formulaire.insertBefore(node1,lnode );
	formulaire.insertBefore(node,lnode);
	formulaire.insertBefore(node2, lnode);
	formulaire.insertBefore(node3, lnode);
	formulaire.insertBefore(document.createElement("br"), lnode);
}

function addField(form1){
	form2 = $('form_rech');
	/* Selection des actions suivants le filtre selectionné */
	var filtre = form1.champs.options[form1.champs.selectedIndex].value;
	if( filtre == "Etat"){
		getStates(form2);
	}else if( filtre == "Nom du Client"){
		getClient(form2);
	}else if( filtre == "Identifiant du Client"){
		getIdClient(form2);
	}else if( filtre == "Numero de commande"){
		getCommande(form2);
	}else if( filtre == "Semaine de Commande"){
		getByWeek(form2);
	}


/*	var node1 = document.createTextNode(form1.champs.options[form1.champs.selectedIndex].value);
	var node = document.createElement("input");
	node.setAttribute("type","hidden");
	node.setAttribute("value",form1.champs.options[form1.champs.selectedIndex].value);
	node.setAttribute("name","field[]");
	var node2 = document.createElement("select");
	node2.setAttribute("name","operateur[]");
	node2.appendChild(CreateOptionNode("=","="));
	node2.appendChild(CreateOptionNode("!=","<>"));
	node2.appendChild(CreateOptionNode(">=",">="));
	node2.appendChild(CreateOptionNode("<=","<="));
	node2.appendChild(CreateOptionNode("like","Comme"));
	var node3 = document.createElement("input");
	node3.setAttribute("name","valeur[]");
	node3.setAttribute("type","text");
	var lnode = $('last');
	form2.insertBefore(node1,lnode );
	form2.insertBefore(node,lnode);
	form2.insertBefore(node2, lnode);
	form2.insertBefore(node3, lnode);
	form2.insertBefore(document.createElement("br"), lnode);*/
}

function sendprint(formulaire){
	var cbs = formulaire.getElementsByTagName("input");
	//var ids = new Array();
	for( i=0;i<cbs.length;i++){
		if(cbs[i].checked)
		window.open("./index.php?action=affichcom&id=" +  cbs[i].value ,"commande" + cbs[i].value);
	}
}

function loadImage(selct){
	new Ajax.Request('./index.php?action=ajax&item=path&id=' + selct.options[selct.selectedIndex].value,
  {
    method:'get',
    onSuccess: function(transport){
      var response = transport.responseText;
	$('modme').src = '../' + response;
    }
  });
}

function loadImageById(id){
	new Ajax.Request('./index.php?action=ajax&item=path&id=' + id,
  {
    method:'get',
    onSuccess: function(transport){
      var response = transport.responseText;
	$('modme').src = '../' + response;
    }
  });
}

function changeAllCB(value){
	var myform = document.forms[2]; 
	for( i=0; i<myform.elements.length;i++){
		if(myform.elements[i].getAttribute('type') == 'checkbox'){
			myform.elements[i].checked=value;
		}
	}
}

function selectAll(){
	changeAllCB(true);
}

function unselectAll(){
	changeAllCB(false);
}

function changeState(formulaire){
	//alert($('form_rech').action);
	var bckaction = formulaire.action;
	formulaire.action = "./index.php?action=ajax&item=change&method=etat";
	$(formulaire).request({
		onSuccess: function(transport){
		//	alert(transport.responseText); 
			var div = document.createElement('div');
			div.setAttribute('id','cs_result');
			div = $(div);
			div.update(transport.responseText);
			document.getElementsByTagName('body')[0].appendChild(div);
			document.forms[1].submit();
			
		}
	});
	formulaire.action = bckaction;
//	
}

function showComms(id ){
	window.open("./index.php?action=showcomm&id=" + id,"commande" + id);
}

function checkMarche(me){
	if( !me.date.value.match(/\d{1,2}\/\d{1,2}\/\d{4}/) ){
		alert("Mauvais format de date");
		return false;
	}
	var aDate = me.date.value.split('/');
	dt = new Date(aDate[2],aDate[1] - 1,aDate[0]);
	tmp = new Date();
	dn = new Date(tmp.getFullYear(), tmp.getMonth(), tmp.getDate() );
	
	var day = dt.getDay();
	if( me.mliv.options[me.mliv.selectedIndex].value == 'Achère' && day == 6){
		if( dt - dn > 86400000){
			return true;
		}else{
			alert("Delai trop court");
		}
	}else if(me.mliv.options[me.mliv.selectedIndex].value == 'Aubergenville' && day == 6 ){
		if( dt - dn > 86400000){
			return true;
		}else{
			alert("Delai trop court");
		}
	}else if(me.mliv.options[me.mliv.selectedIndex].value == 'Verneuil sur Seine' && (day == 0 || day == 3)  ){
		if( day == 3){
			if( dt - dn > 86400000){
				return true;
			}else{
				alert("Delai trop court");
			}
		}else if( day == 0){
			if( dt - dn > 2*86400000){
				return true;
			}else{
				alert("Delai trop court");
			}
		}
	}else{
		alert("Nous ne sommes pas présent ce jour sur ce marché.");
	}

	return false;
}

function validate( formulaire){
	if(formulaire.nom ){
		if(formulaire.nom.value ==''){
			alert("Merci de renseigner votre nom.");
			return false;
		}
		if(formulaire.prenom.value ==''){
			alert("Merci de renseigner votre prénom.");
			return false;
		}
	}

	if(formulaire.libelle){
		if( formulaire.ligne1.value =='' && formulaire.ligne2.value==''){
			alert("Merci de renseigner votre adresse");
			return false;
		}
		if(formulaire.postal.value==''){
			alert("Merci de renseigner le code postal");
			return false;
		}
		if(formulaire.ville.value==''){
			alert("Merci de renseigner la ville"); 
			return false;
		}
	}
	return true;
}

function menuhover(nom){
	if( navigator.appName =="Microsoft Internet Explorer" ){
		element = $(nom);
		var image = document.createElement("img");
		//image.src="http://192.168.1.27/BARA/mages/plume.png";
		element.insertBefore( image,element.firstChild);
	}
}

function menuout(nom){
	if(navigator.appName=="Microsoft Internet Explorer" ){
		element = $(nom);
		var plume = element.getElementsByTagName("img")[0];
		if ( plume ){ 
			element.removeChild(plume);

		}
	}
}

function FillTaille(selbox, colori){
	if(!selbox){
		selbox = 'taille';
		colori = 'colori'; 	
	}	
	$(selbox).options.length = 0;	
	index = '' + $(colori).options[$(colori).selectedIndex].value;
	myData = info[index];
	try{
		$('modme').src = info[index]['image'];
	}catch(err){
		
	}
	for( var key in myData){
		if(! isNaN(key) )		
			$(selbox).options[$(selbox).options.length]= new Option(myData[key], key);	
	}

}

function CreateTHColNode(Data,id){
	var node = document.createElement("th");
	node.setAttribute('id', 'col' + id);
	node.appendChild(document.createTextNode(Data) );
	return node;
}

function CreateTHRowNode(Data,id){
	var node = document.createElement("th");
	node.setAttribute('id', 'row' + id);
	var anode = document.createElement('a');
	anode.setAttribute('onclick', 'selectColori(\'' + id + '\')');
	anode.appendChild(document.createTextNode(Data));
	node.appendChild(anode );
	return node;
}


function CreateTDNode(Data,tid, cid){
	tdnode = document.createElement('td');
	
	cbnode = document.createElement('input');
	cbnode.setAttribute('type', 'checkbox');
	cbnode.setAttribute('name', 'tc[t:' + tid + ',c:' + cid + ']');
	cbnode.setAttribute('id', 'tc[t:' + tid + ',c:' + cid + ']'); 
	tdnode.appendChild(cbnode);
	
	return tdnode;
}

function appendTaille(){
	var elemts = $('taille[]').options;
	for(i=0; i< elemts.length;i++){
		if( elemts[i].selected ){
			var rows =  $('TC').getElementsByTagName('tr');
			if(! $('col'+ elemts[i].value) ){
				rows[0].appendChild(CreateTHColNode(elemts[i].text, elemts[i].value ) );
				for(j = 1; j< rows.length;j++){
					th = rows[j].getElementsByTagName('th');
//					alert(th[0].getAttribute('id').substr(3));
					rows[j].appendChild(CreateTDNode(elemts[i].text, elemts[i].value, th[0].getAttribute('id').substr(3) ) );	
				}		
			}		
		}
	}		
}

function CreateTRNode(){
	return document.createElement('tr');
}

function appendColori(){
	var elemts = $('colori[]').options;
	for(i=0; i< elemts.length;i++){
		if( elemts[i].selected ){
			$rows =  $('TC').getElementsByTagName('tr');
			if(! $('row' + elemts[i].value) ){
				tr = CreateTRNode();
				tr.appendChild(CreateTHRowNode(elemts[i].text, elemts[i].value ) );
				cols = $rows[0].getElementsByTagName('th')
				for(j=1;j<cols.length;j++){
					tr.appendChild(CreateTDNode(	elemts[i].text, cols[j].getAttribute('id').substr(3), elemts[i].value ) );
				}					
				$('TC').appendChild(tr );
					
			}
		}
	}	
}

function SetTaille(taillevalue){
	var items = $('taille').options;
	for(var i=0;i<items.length;i++){
		if( items[i].value == taillevalue){
			items.selectedIndex = i;		
			
		}
	}
}

function selectColori(id){
	if( $('sel' + id) ){	
		$('sel'+id).show();
		loadImageById($('imgs[' + id + ']').value);
	}else{
		var val;
		if( $('imgs[' + id + ']') ){
			val = $('imgs[' + id + ']').value;
		}			
		node = document.createElement('div');
		node.setAttribute('id','sel' + id);
		node.setAttribute('class','selimg');
		node.appendChild(document.createTextNode("Sélection d'une image") );
		node.appendChild(document.createElement('br'));
		snode = document.createElement('select');
		snode.setAttribute('name', 'selim');
		snode.setAttribute('onchange','loadImage(this);setColori(this, \''+id+'\')');
		for(i=0; i<$('img').options.length;i++){
			var option = $('img').options[i];
			var onode = document.createElement('option');
			onode.setAttribute('value', 	option.value);
			if(val == option.value){
				onode.setAttribute('selected', 'selected');	
				loadImageById(option.value);
			}
			onode.appendChild(document.createTextNode(option.text) );
			snode.appendChild(onode);
		}
		node.appendChild(snode);
		node.appendChild(document.createElement('br') );
		bnode = document.createElement('button');
		bnode.setAttribute('onclick', "$('sel" + id + "').hide()");
		bnode.appendChild(document.createTextNode('Fermer') );
		node.appendChild(bnode);
		var element = $('row' +id);
		node.setOpacity(0.9);
		node.absolutize();
		node.style.left = element.cumulativeOffset()[0] + 'px';
		node.style.top = element.cumulativeOffset()[1] +'px';

		document.getElementsByTagName('body')[0].appendChild(node);
		$('sel'+id).show();
	} 	
		
}


function setColori(selt, id){
	var form = document.getElementsByTagName('form')[0];
	if($('imgs[' + id +']')){
		$('imgs[' + id +']').value = selt.options[selt.selectedIndex].value;	
	}else{
		node = document.createElement('input');
		node.setAttribute('type','hidden');
		node.setAttribute('name','imgs[' + id +']');
		node.setAttribute('id','imgs[' + id +']');
		node.setAttribute('value', selt.options[selt.selectedIndex].value);
		document.getElementsByTagName('form')[0].appendChild(node);
	}		
}