function loadAjax(reference) {
	var idProduit = document.getElementById(reference).value;
	var quan = document.getElementById('input_quantite').value;
	var commentaire=document.getElementById('commentaire').value;
	try {
		if (document.getElementById('t')) {
			var opt = document.getElementById('t');
			for (var idx = 0; idx < opt.options.length; idx ++) {
				if (opt.options[idx].value == opt.value) {
					if (commentaire) {
						commentaire += " / ";
					}
					if (opt.options[idx].text) {
						commentaire += " Taille : " + opt.options[idx].text;
					} else if (opt.options[idx].textContent) {
						commentaire += " Taille : " + opt.options[idx].textContent;
					} else {
						commentaire += " Taille : " + opt.options[idx].value;
					}
				}
			}
		}
	} catch (e) {
	}
	var body = "products_id="+idProduit+"&quantity="+quan+"&commentaire="+commentaire;
	// var url = 'getXML.php?action=add_product';
	// var url = 'getXML.php';
	var url = 'getXML.php?action=add_product';

	$.ajax({
		url: url,
		type: 'POST',
		data: body,
		dataType: 'xml',
		timeout: 1000,
		error: function(){
		//alert('Error loading XML document');
	},
	success: function majPanier(xml) {

// alert(xml);
// alert('sucess maj');
		if (!(navigator.userAgent.indexOf('MSIE') > 0 && navigator.userAgent.indexOf('Opera') == -1)) {
			if (null == xml) {
				return false;
			}
		}
		else {
			if (null == xml.documentElement) {
				return false;
			}
		}

		var prixTotal       = getNodeValue((xml.getElementsByTagName('Panier'))[0],'Total');

		var donneesProduits = getData(xml.documentElement.getElementsByTagName('Produit'));

		updateBasket(donneesProduits, prixTotal);
		// alert('asd');
		montrePanier('panierOnContainer');
// alert('donneesProduits');
	}
	});




}


function getData(xml) {

	var elements = new Array(
			'Id',
			'Image',
			'Erreur',
			'Titre',
			'Couleur',
			'Taille',
			'Quantite',
			'Prix'
	);

	for(var i=0; i < elements.length; i++) {
		elements[elements[i]] = new Array();
	}

	// On stocke les données XML dans le tableau 'elements'
	for(var i=0; i < xml.length; i++) {
		for(var j=0; j<elements.length; j++) {
			type = elements[j];
			elements[type][i] = getNodeValue(xml[i], type);
		}
	}

	return elements;
}


function getNodeValue(obj,tag) {  

	if (obj.getElementsByTagName(tag)[0].firstChild) {

		return obj.getElementsByTagName(tag)[0].firstChild.nodeValue;
	}
	else {

		return "";
	}
}



function updateBasket(donnees, prixTotal) {
// alert(donnees['Id'][0]);
	var products_id = document.getElementById('products_id').value;
	var commentaire=document.getElementById('commentaire_non_encode').value;


	var panier = '<div id="popajout">&nbsp;</div>';



	var produits = "";
	// var nbrArticles = donnees['Titre'].length;
	var nbrArticles = donnees['Titre'].length;
	var i = donnees['Titre'].length-1;
	// alert(nbrArticles);
// var i=0;
	// for(var i=0; i < nbrArticles; i++) {//for the number of articles
	// var imagepath = donnees['Id'][i]+'/'+donnees['Image'][i];

	produits +='<div id="popup-top">&nbsp;</div>';
	produits +=	'<div id="popup-middle">';
	produits +='<div id="popup-title">'+donnees['Titre'][i]+'</div>';
	produits +='<div id="popup-produit">';
	produits +='<div id="popup-img">';
	if (donnees['Image'][i]) {
		produits +='<img src="'+donnees['Image'][i] +' " alt="'+donnees['Titre'][i]+'" width="41" height="43" />';
	}
	produits +='</div>';
	produits +='<div id="popup-desc">';
	produits +=	'	Quantit&eacute; : ' + donnees['Quantite'][i] + '<br />';
	produits +=	'	Prix :' + donnees['Prix'][i] + '<br />' 		;
	produits +='	</div>';
	produits +='		<div style="clear: both;"></div>';
	produits +='<div style="margin: 0 10px;">';
	produits +='<span class="choix_ref">'+commentaire+'</span>';
	produits +='	</div>';
	produits +=	'	</div>';
	// }

	panier += produits;
	/*
	 * panier +='<div id="popup-top">&nbsp;</div>' panier += '<div
	 * id="popup-middle">' panier +='<div id="popup-title">'+titre_produit+'</div>'
	 * panier +='<div id="popup-produit">' panier +='<div id="popup-img">'
	 * panier +='<img src="'+donnees['Image'][i]+' " alt="'+titre_produit+'"
	 * width="41" height="43" />' panier +='</div>' panier +='<div
	 * id="popup-desc">' panier += ' Quantit&eacute; :'+ donnees['Quantite'][i] + '
	 * <br />' panier += ' Prix : <br />'
	 * 
	 * panier +=' </div>' panier +=' <div style="clear: both;"></div>' panier += '
	 * </div>'
	 */
	// /////////////////////////////////////////////////////////////
	panier += '<div id="popup-actions"> ';
	panier += '<a href="index.php?nv=shopping_cart"><img src="medias/bt-valider-mon-panier.jpg" width="188" height="27" alt="Valider mon panier" /></a>';
	panier +='<a href="'+document.URL+'"><img src="medias/bt-continuer-mes-achats.jpg" width="189" height="27" alt="Continuer mes achats" onclick=""/></a>';
	panier +='</div>';

	panier +='<div id="popup-bottom">&nbsp;</div>';

	panier +='</div>';

// alert(panier);
	document.getElementById('postajout').innerHTML = panier;

	if (nbrArticles > 1) {
		document.getElementById('panier').innerHTML = "<a href='index.php?nv=shopping_cart'>" + nbrArticles + " article(s) </a>";
	}
	else {
		document.getElementById('panier').innerHTML = "<a href='index.php?nv=shopping_cart'>" + nbrArticles + " article(s) </a>";
	}
	document.getElementById('panier').innerHTML = prixTotal;
}


function deroule (id, initHeight, finalHeight, interval)
{
	// Identification de l'objet
	var oElem = document.getElementById(id);
	// alert(oElem);
	if(!oElem) return;

	// Contr?le des valeurs de variables
	if(typeof(initHeight || finalHeight || interval) != 'number') return false;

	// Contr?le d'?x?cution de la m?thode
	if(oElem.movement) clearTimeout(oElem.movement);

	// Initialisation des param?tres
	if( !oElem.style.height ) oElem.style.height = parseInt(initHeight) + 'px';
	var iDimY = parseInt(oElem.style.height);

	// Condition de fin de la m?thode
	if(iDimY == finalHeight) return true;

	// Conditions d'incr?mentation et d?cr?mentation
	if(iDimY < finalHeight)
	{
		var dist = Math.ceil((finalHeight - iDimY)/10);
		iDimY = iDimY + dist;
	}
	if(iDimY > finalHeight)
	{
		var dist = Math.ceil((iDimY - finalHeight)/10);
		iDimY = iDimY - dist;
	}
	oElem.style.height = iDimY + 'px';


	// R?p?tition de la m?thode
	var repeat = "deroule('" + id + "'," + initHeight + "," + finalHeight + "," + interval + ")";
	oElem.movement = setTimeout(repeat, interval);
	return true;
}
function montrePanier(el) 
{
	document.getElementById('popajout').style.display = 'block';
	document.getElementById('postajout').style.display = 'block';

	document.getElementById('popajout').style.opacity = 0.75; // Mozilla
	document.getElementById('popajout').style.filter = 'alpha(opacity=75)'; // IE

	if (screen.height > 800) document.getElementById('popajout').style.height = screen.height + 'px';		
	if (screen.width > 995) document.getElementById('popajout').style.width = screen.width + 'px';

	document.getElementById('postajout').style.opacity = 1.00; // Mozilla
	document.getElementById('postajout').style.filter = 'alpha(opacity=100)'; // IE
	document.getElementById('zoom_produit_id_gif').style.display="none";
	document.getElementById('zoom_produit_id_gif').style.visibility="invisible";
	// return false;

	// document.getElementById(el).style.visibility = "visible";
	// document.getElementById(el).style.display = "block";
	// iDivHeight = document.getElementById(el).offsetHeight;
	// deroule(el, 18, iDivHeight, 30);
}
function masquePanier(el) 
{
	// alert(el);
	document.getElementById(el).style.visibility = "hidden";
	document.getElementById(el).style.display = "none";

}