<!--
//document.domain="pocheco.com";
var ArrMenu = ['soufflet','pochette','ecoveloppe','faconnage'];
var ie = !!(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1);
var opera = navigator.userAgent.indexOf('Opera') > -1;
var webkit = navigator.userAgent.indexOf('AppleWebKit/') > -1;

function preloadImages()
{
	new Image().src = 'medias/soufflet.png';
	new Image().src = 'medias/soufflet_hover.png';
	new Image().src = 'medias/pochette.png';
	new Image().src = 'medias/pochette_hover.png';
	new Image().src = 'medias/ecoveloppe.png';
	new Image().src = 'medias/ecoveloppe_hover.png';
	new Image().src = 'medias/faconnage.png';
	new Image().src = 'medias/faconnage_hover.png';
}
function swapImage()
{
	if(!this.getElementsByTagName('img')[0]) return;

	var src_orig = this.getElementsByTagName('img')[0].src;
	if(src_orig.indexOf('_hover')==-1)
		var imgsrc = src_orig.substring(0,src_orig.lastIndexOf('.'))+'_hover.jpg';	
	this.getElementsByTagName('img')[0].src = imgsrc;
	
}
function swapImageRestore()
{
	if(!this.getElementsByTagName('img')[0]) return;
	var src_orig = this.getElementsByTagName('img')[0].src;
	if(src_orig.indexOf('_hover')!=-1)
		var imgsrc = src_orig.substring(0,src_orig.lastIndexOf('.')-6)+'.jpg';	
	this.getElementsByTagName('img')[0].src = imgsrc;	
}
function hideOthers(menu_current)
{
	
	var menus = document.getElementsByTagName('a');
        for(var x=0;x<menus.length;x++)
        {
		if(menus[x].className != menu_current) {
			for(var y in ArrMenu)
			{
			   if(menus[x].className == ArrMenu[y]+'_hover')
				menus[x].className = menus[x].className.substring(0,(menus[x].className.length-6));	
			}
		}
	}
	var listProd = document.getElementsByTagName('li');
	for (var j=0;j<listProd.length;j++)
	{
		if(listProd[j].className.indexOf('menu_')==-1) continue;
		
		if(listProd[j].className.indexOf(menu_current)==-1)
		{
			//alert(menu_current);
			if(listProd[j].className.indexOf('_hover') != -1) {
				listProd[j].className = listProd[j].className.substring(0,(listProd[j].className.length-6));
				//listProd[j].className = listProd[j].className.substring(0,(listProd[j].className.length-6));	
			}			
		}
	}	
}
function getPopImageEnv(ref)
{
	sendRequest('ajax/isImageOnline.php5',getImageOnlineResponse,'ref='+ref);
}
function getImageOnlineResponse(req)
{
	if(req.responseText) {
		//alert(req.responseText);
		$('#dialog').html(req.responseText+'<br /><a onclick=\'$("#dialog").dialog("close")\' href=\'#\'>Fermer</a>');
		$('#dialog').dialog('open');
	}
}
function showActive()
{         
           var menu_actif = this.className;
           
           hideOthers(menu_actif); 

           if(this.className.indexOf('_hover')==-1)
           	this.className += '_hover';
	
           var listProd = document.getElementsByTagName('li');
           
           for (var j=0;j<listProd.length;j++)
	   {
		   if(listProd[j].className.indexOf('menu_')==-1) continue;
		   
		   if(listProd[j].className.indexOf(menu_actif)!=-1 && listProd[j].className.indexOf('_hover')==-1)
		   {
				listProd[j].className+='_hover';
				//console.log(listProd[j].className);
		   
		    		var lienProd = listProd[j].getElementsByTagName('a');
		   
				   for (var k=0;k<lienProd.length;k++)
			           {
					
					lienProd[k].onmouseover = swapImage;	
					lienProd[k].onmouseout = swapImageRestore;
			           }
		   
		   }  
	   }
}
function showActiveBoutique()
{         
           var menu_actif = this.className;
           
           //hideOthers(menu_actif); 

           if(this.className.indexOf('_hover')==-1)
           	this.className += '_hover';
	
           var listProd = document.getElementsByTagName('li');
           
           for (var j=0;j<listProd.length;j++)
	   {
		   if(listProd[j].className.indexOf('menu_')==-1) continue;
		   
		   if(listProd[j].className.indexOf(menu_actif)!=-1 && listProd[j].className.indexOf('_hover')==-1)
		   {
				listProd[j].className+='_hover';
				//console.log(listProd[j].className);
		   
		    		var lienProd = listProd[j].getElementsByTagName('a');
		   
				   for (var k=0;k<lienProd.length;k++)
			           {
					
					lienProd[k].onmouseover = swapImage;	
					lienProd[k].onmouseout = swapImageRestore;
			           }
		   
		   }  
	   }
}

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  }
  return false;
}
function showHideSelect(b)
{
	var s = document.getElementsByTagName('select');
	
	for(var i=0;i<s.length;i++)
		s[i].style.visibility = (b) ? 'visible' : 'hidden';
	
}
function getScrollLeft(){
		return this.pageXOffset || document.documentElement.scrollLeft;
}
function getScrollTop(){
		return this.pageYOffset || document.documentElement.scrollTop;
}
function getWidth() {
	if (opera) return document.body.clientWidth;
	return document.documentElement.clientWidth;
}
function getHeight(){
	if (opera) return document.body.clientHeight;
	return document.documentElement.clientHeight;
}
function getWindowSize() {
  if (ie) {
	  var myWidth = Math.max(document.documentElement.offsetWidth, document.documentElement.scrollWidth);
	  var myHeight = Math.max(document.documentElement.offsetHeight, document.documentElement.scrollHeight);
  } else if (webkit) {
	  var myWidth = document.body.scrollWidth;
	  var myHeight = document.body.scrollHeight;
  } else {
 	  var myWidth = document.documentElement.scrollWidth;
 	  var myHeight = document.documentElement.scrollHeight;
  }
  return  [myWidth, myHeight];
}
function resizePopup()
{
	var el = document.getElementById('window');
	if(el)
	{
		el.style.top =  (window.getScrollTop()+(window.getHeight()-154)/2)+'px';
		el.style.left = (window.getScrollLeft()+(window.getWidth()-494)/2)+'px';
	}
}
function removePopup()
{
	var el = document.getElementById('window');
	
	el.parentNode.removeChild(el);
	document.body.removeChild(document.getElementById('overlay'));
	showHideSelect(true);	
}
function buildpopup()
{
	//alert(this.title);
	
	d = document.createElement('div');
	d.id = 'overlay';
	d.style.opacity = 0.7;
	var t = document.createTextNode(this.title);
	d.appendChild(t);
	var f = document.body.firstChild;
	document.body.insertBefore(d,f);
	
	var dim = getWindowSize();
	d.style.width = 0+'px';
	d.style.height = 0+'px';
	d.style.width = dim[0]+'px';
	d.style.height = dim[1]+'px';
	
	d2 = document.createElement('div');
	d2.id = 'window';
	d2.style.width = 494+'px';
	d2.style.height = 154+'px';
	d2.style.top = (window.getScrollTop()+(window.getHeight()-154)/2)+'px';
	d2.style.left = (window.getScrollLeft()+(window.getWidth()-494)/2)+'px';
	//d2.style.backgroundColor = '#fff';
	
	switch(this.title)
	{
		
		case "Grammage":
		titre='Quel grammage choisir ?';
		texte='<table><tr><td align="left">Le grammage est une unit\351 de mesure utilis\351e dans l\'industrie du papier, pour d\351finir le poids d\'une feuille de papier au m\350tre carr\351. Le grammage standard utilis\351 pour les enveloppes blanches en France est de 80g/m². Nos \351coveloppes OXYMORE sont d\'un grammage inf\351rieur, 75g/m², la rigidit\351 sp\351cifique de ce papier permettant cette r\351duction de grammage. Le grammage pour les sacs soufflets est de 120g/m² et pour les pochettes 90g/m² ou 85g/m2.</td></tr></table>';
		break;
		case "Format":
		titre='Quel format choisir ?';
		texte='<table><tr><td align="left"><b>Les formats les plus r\351pandus</b> :<br/>114mm X 229mm = feuille A4 pli\351e  en 3<br/>162mm X 229mm = feuille A4 pli\351e  en 2<br />229 mm X 324mm = peut contenir une feuille A4 \340 plat</td><td align="left" style="padding-left:3px;border-left:1px solid #000"><b>Enveloppe ou pochette ?</b> <br />Sur l\'enveloppe, la fermeture se trouve sur le grand cot\351. <br />Sur la pochette, la fermeture se trouve sur le petit cot\351. </td></tr></table>';
		break;			
		case "Fenetre":
		titre='Quelle fen\352tre choisir ?';
		texte='Par exemple, la fen\352tre 45X100 \340  20/20 correspond \340 une fen\352tre de 45 mm de hauteur et de 100 mm de largeur plac\351e \340 20mm du bord gauche et 20 mm du bas. Toutes les fen\352tres de nos \351coveloppes sont fabriqu\351es en papier cristal (papier press\351 à tr\350s haute temp\351rature, ce qui le rend transparent). Ces fen\352tres sont impos\351es par la norme NF ENVIRONNEMENT 316.';
		break;	
		case "Soufflets":
		titre='Quel soufflet choisir ?';
		texte='Par exemple, 3X30 = 2 soufflets lat\351raux de 30mm de largeur et 1 soufflet de fond de 30mm de largeur<br />ou<br />3x70 = 2 de soufflets lat\351raux de 70mm de largeur et 1 soufflet de fond de 70mm de largeur. ';
		break;			
		case "Nous decouvrir":
		titre='Qui sommes-nous ?';
		texte='Pocheco la boutique ...';
		break;
	}
	d3 = '<div id="toppopup"><span id="titrepopup">'+titre+'</span>';
	d3+='<a id="closeWindow" href="#" title="Fermer la fen\352tre" onclick="removePopup()"></a></div>';
	d3+='<span id="textpopup">'+texte+'</span>';
	
	d2.innerHTML = d3;
	
	document.body.insertBefore(d2,d.nextSibling);
	
	d.onclick = removePopup;
	
	window.onscroll=resizePopup;
	
	showHideSelect(false);

	return false;	
}
function sendRequest(url,callback,postData){
	var req = createXhrObject();
	if (!req) return;
	var method = (postData) ? "POST" : "GET";
	req.open(method,url,true);
	req.setRequestHeader('User-Agent','XMLHTTP/1.0');
	if (postData)
		req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
		req.onreadystatechange = function () {
		if (req.readyState != 4) return;
		if (req.status != 200) {
			alert('HTTP error ' + req.status);
			return;
		}
			callback(req);
	}
	if (req.readyState == 4) return;
	req.send(postData);
}
function createXhrObject()
{
    if (window.XMLHttpRequest)
        return new XMLHttpRequest();
 
    if (window.ActiveXObject)
    {
        var names = [
            "Msxml2.XMLHTTP.6.0",
            "Msxml2.XMLHTTP.3.0",
            "Msxml2.XMLHTTP",
            "Microsoft.XMLHTTP"
        ];
        for(var i in names)
        {
            try{ return new ActiveXObject(names[i]); }
            catch(e){}
        }
    }
    alert("Votre navigateur ne prend pas en charge l'objet XMLHTTPRequest.");
    return null; // non supporté
}
function catchData(req) {
	var returnText = req.responseText;
	if(returnText=='error') return;
	
	document.getElementById('panier_lines').innerHTML = '<br />'+returnText;
	document.getElementById('caddie').style.display='block';
	window.location.hash="#cad";
}
function updatePrix(req)
{
	var returnText = req.responseText;
	//alert(returnText);
	if(returnText=='error') {
		 document.getElementById('caddie').style.display='none';
		 return;
	}
	
	//var tab = returnText.split('|');
	/*for(i=0;i<tab.length;i++)
	alert(tab[i]);*/
	var responseJSon = eval('('+returnText+')');
	document.getElementById('pxtotal').innerHTML='';
	//document.getElementById('pxtotal').innerHTML=tab[0]+ '&nbsp;&euro;';
	document.getElementById('pxtotal').innerHTML=responseJSon.pxtotal.toFixed(2)+ '&nbsp;&euro;';
	document.getElementById('pxttc').innerHTML='';
//	document.getElementById('pxttc').innerHTML=tab[1]+ '&nbsp;&euro;';
	document.getElementById('pxttc').innerHTML=responseJSon.pxttc.toFixed(2)+ '&nbsp;&euro;';
	document.getElementById('item').innerHTML='';
//	document.getElementById('item').innerHTML=tab[2];
	document.getElementById('item').innerHTML=responseJSon.item;
	
	/*if((responseJSon.item==0 && responseJSon.itemsupp!=0) || (responseJSon.item==0 && responseJSon.itemsupp==0)) {
		document.getElementById('bt-valid').style.display='none';
		if(responseJSon.itemsupp!=0)
			document.getElementById('bt-update').style.display='block';
		else
			document.getElementById('bt-update').style.display='none';
	} else {
		document.getElementById('bt-valid').style.display='block';
		document.getElementById('bt-update').style.display='block';
	}*/
	
	if(responseJSon.item==0) {
		document.getElementById('bt-valid').style.display='none';
		document.getElementById('bt-update').style.display='none';
		sendRequest('http://www.pochecolaboutique.com/ajax/caddiedelartsupp.php5',catchData,'code_article=1');
	} else {
		document.getElementById('bt-valid').style.display='block';
		document.getElementById('bt-update').style.display='block';
	}
}
function caddieUpdateQte(id,qte,sens) {
	//sendRequest('http://localhost/pocheco_boutique_online_sauv/ajax/caddieupdate.php5',catchData,'code_article='+id+'&quantite='+qte+'&sens='+sens);

	sendRequest('http://www.pochecolaboutique.com/ajax/caddieupdate.php5',catchData,'code_article='+id+'&quantite='+qte+'&sens='+sens);
	
	setTimeout('sendRequest("http://www.pochecolaboutique.com/ajax/getsessionvars.php5",updatePrix,"code_article=1")',1000);
	
	//setTimeout('sendRequest("http://localhost/pocheco_boutique_online_sauv/ajax/getsessionvars.php5",updatePrix,"code_article=1")',1000);
}
function updateCaddie() {
	sendRequest('http://www.pochecolaboutique.com/ajax/caddiedelartsupp.php5',catchData,'code_article=1');
	setTimeout('sendRequest("http://www.pochecolaboutique.com/ajax/getsessionvars.php5",updatePrix,"code_article=1")',1000);
}
function caddieAdd(id)
{
	var frmProd = document.forms['frmProd'];
	var qte = frmProd.elements['qte'+id].value;
	if(!qte || qte=="0" || isNaN(parseInt(qte)*2))
	{
		alert('Veuillez saisir une quantit\351 dans le champ pour ajouter l\'article au panier.');
		return;	
	}
	var code = frmProd.elements['code_article'+id].value;
	var px1 = frmProd.elements['prix1_'+id].value;
	var px2 = frmProd.elements['prix2_'+id].value;
	
	
	sendRequest('http://www.pochecolaboutique.com/ajax/caddieadd.php5',catchData,'code_article='+code+'&quantite='+qte+'&px1='+px1+'&px2='+px2);
	setTimeout('sendRequest("http://www.pochecolaboutique.com/ajax/getsessionvars.php5",updatePrix,"code_article=1")',1000);
	frmProd.elements['qte'+id].value='';
}
function caddieAddMultiple(nb)
{
	var frmProd = document.forms['frmProd'];
	
	var qte = [];
	var code = [];
	var px1 = [];
	var px2 = [];
	var qteok=false;
	
	for(var i=0; i < nb; i++)
	{
				if(frmProd.elements['qte'+i].value && frmProd.elements['qte'+i].value!="0" && !isNaN(parseInt(frmProd.elements['qte'+i].value)*2)) {
					qte.push(frmProd.elements['qte'+i].value);
					code.push(frmProd.elements['code_article'+i].value);
					px1.push(frmProd.elements['prix1_'+i].value);
					px2.push(frmProd.elements['prix2_'+i].value);
					qteok=true;
				}
	}
	if(!qteok)
	{
		alert('Veuillez saisir une quantit\351 dans au moins un champ pour ajouter vos articles au panier.');
		for(var i=0; i < nb; i++)
		{
				frmProd.elements['qte'+i].value='';
	  }
		return;	
	}
	// enlevement meli melo
	if(document.getElementById('enlevement'))
		var e = document.getElementById('enlevement').checked;
	else
		var e = 0;
	
  	//sendRequest('http://localhost/pocheco_boutique_online_sauv/ajax/caddieaddmultiple.php5',catchData,'new=1&code_article='+code+'&quantite='+qte+'&px1='+px1+'&px2='+px2+'&e='+e);
		sendRequest('http://www.pochecolaboutique.com/ajax/caddieaddmultiple.php5',catchData,'code_article='+code+'&quantite='+qte+'&px1='+px1+'&px2='+px2+'&e='+e);
	
		//setTimeout('sendRequest("http://localhost/pocheco_boutique_online_sauv/ajax/getsessionvars.php5",updatePrix,"code_article=1")',1000);
		setTimeout('sendRequest("http://www.pochecolaboutique.com/ajax/getsessionvars.php5",updatePrix,"code_article=1")',1000);
		
		for(var i=0; i < nb; i++)
		{
				frmProd.elements['qte'+i].value='';
	  }
}
function caddieDropArticle(ligne,id)
{
	//sendRequest('http://localhost/pocheco_boutique_online_sauv/ajax/caddiesuppr.php5',catchData,'code_article='+id+'&ligne='+ligne);
	//setTimeout('sendRequest("http://localhost/pocheco_boutique_online_sauv/ajax/getsessionvars.php5",updatePrix,"code_article=1")',1000);
	sendRequest('http://www.pochecolaboutique.com/ajax/caddiesuppr.php5',catchData,'code_article='+id+'&ligne='+ligne);
	setTimeout('sendRequest("http://www.pochecolaboutique.com/ajax/getsessionvars.php5",updatePrix,"code_article=1")',1000);
}
window.onload=function()
{
	preloadImages();
	if(document.getElementById('popdiscover'))
		document.getElementById('popdiscover').onclick=buildpopup;
	//document.onmouseover = test;
	var menus = document.getElementsByTagName('a');
	for(var i=0;i<menus.length;i++)
	{
		
		if(window.location.href.indexOf('boutique.php5')!=-1 || window.location.href.indexOf('oh-les-mains.php5')!=-1) // page boutique-panier
		{
			if(menus[i].className == 'soufflet' || menus[i].className == 'pochette' || menus[i].className == 'ecoveloppe' || menus[i].className == 'faconnage') 
			{

			menus[i].onmouseover = showActiveBoutique;				
			}
			
			if(menus[i].className == ArrMenu[(getQueryVariable('r')-1)]) // rubrique highlight @ window load
			{

				if(menus[i].className.indexOf('hover')==-1) 
				{
					menus[i].className+='_hover';
				}
				menus[i].onmouseout = null;
			}
			else
			{
				menus[i].onmouseout = function() { 
				if(this.className.indexOf('_hover')!=-1)
						this.className = this.className.substring(0,(this.className.length-6));	
				};	
			}
			
			if(menus[i].className == 'pop') // popup
			{
				//alert('pop');
				menus[i].onclick = buildpopup;
			}
			if(document.getElementById('caddie').style.display=="block")
			{
				sendRequest('http://www.pochecolaboutique.com/ajax/showpanier.php5',catchData,'code_article=1');
				setTimeout('sendRequest("http://www.pochecolaboutique.com/ajax/getsessionvars.php5",updatePrix,"code_article=1")',1000);
			}
		}
		else
		{
			if(menus[i].className == 'soufflet' || menus[i].className == 'pochette' || menus[i].className == 'ecoveloppe' || menus[i].className == 'faconnage') 
			{
					menus[i].onmouseover = showActive;	
					menus[i].onmouseout = function() { 
				if(this.className.indexOf('_hover')!=-1)
						this.className = this.className.substring(0,(this.className.length-6));	
				};		
			}
		}
	}	
	/*if(document.getElementById("oxymore_enveloppe"))
	{
		var largeurEcran = screen.width / 2;
		document.getElementById("oxymore_enveloppe").style.right = largeurEcran + "px";
	}*/
}
//-->
