function showLogin() {	
	var objBody = document.getElementsByTagName("body").item(0);
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
	objOverlay.style.display = 'none';
	objBody.appendChild(objOverlay);
	var objPanier = document.createElement("div");
	objPanier.setAttribute('id','panier_txt');
	objPanier.style.display = 'none';
	objBody.appendChild(objPanier);
	
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();

	var PanierTop = arrayPageScroll[1] + (arrayPageSize[3] / 15);

	Element.setTop('panier_txt', PanierTop);
	
	Element.setHeight('overlay', arrayPageSize[1]);
	new Effect.Appear('overlay', { duration: 0.2, from: 0.0, to: 0.8 });
	new Effect.Appear('panier_txt', { duration: 0.2, from: 0.0, to: 1.0, delay: 0.4});
}

function hideLogin() {	
	Element.hide('panier_txt');
	new Effect.Fade('overlay', { duration: 0.2});
}

function loadForm(){
	showLogin();
	$('panier_txt').innerHTML = 'Patientez...';	
	new Ajax.Updater('panier_txt', './form_panier.php', {asynchronous:true, evalScripts:true});
}

function addPanier(element){
	new Effect.BlindDown('feedback');
	$('feedback').innerHTML = 'Patientez...';
	new Ajax.Updater('feedback', './panier.php', {asynchronous:true, evalScripts:true, postBody:'add=1&id=' + element, onComplete: function(){ setTimeout ("new Effect.Fade('feedback'); ", 5000 ); loadForm(); }});
	 
}
function delPanier(id){
	$('panier_txt').innerHTML = 'Patientez...';		
	new Ajax.Updater('panier_txt', './del_panier.php', {asynchronous:true, evalScripts:true, postBody:'id=' + id});
}
function updatePanier(id,valeur){
	new Ajax.Updater('panier_txt', './update_panier.php', {
					 asynchronous:true,
					 evalScripts:true,
					 postBody:'id='+ id +'&qtt=' + valeur
					 }
		);
}

function loadLogin(){
	showLogin();
	$('panier_txt').innerHTML = 'Patientez...';	
	new Ajax.Updater('panier_txt', './form_login.php', {asynchronous:true, evalScripts:true});
}