coef = 2.7 ; ttc = "TTC";
var img ='http://www.derhy-kids.com/photos/';
var contenu,colonne,post; 
var orderNum=indexNum=count=layout=0 ;
var formSave;
var isIn = out =false ;
var _dse = " €";_money = 1.0 ;
var uid=((new Date()).getTime() + "" + Math.floor(Math.random()*1000000)).substr(0,18) ;
var dejaSoumis="" ;
var order ;
window.onload = function(){
	init() ;
	addMenus();
	if(!contenu) contenu = $('contenu') ;
	if(!post) post = $('post') ;
	if(!colonne) colonne = $('colonne') ;
	order = [];
	splash();
	deserier();
}
// Objet b: produit appel� par a[i++]= new b(...) dans produits.js.
function b (reference,name,description,composition,image,price,type,taille,couleur,promo){
this.reference = reference;
this.name = name;
this.description = description;
this.composition = composition;
this.image = image;
this.price = Math.round(price*coef);
this.type = type;
this.show = show;
this.promo = promo;
if(taille!= null)this.taille = taille;
else this.taille="";
if(couleur != null)this.couleur = couleur;
else this.couleur ="";
}// FIN DE b()
/* **************************************************************/
function addMenus(){
	$('robes').onclick = function(){ afficheIcones('ROBE') ; }
	$('blouses').onclick = function(){ afficheIcones('BLOUSE') ;}	
	$('teeshirts').onclick = function(){ afficheIcones('TEE-SHIRT') ;}
	$('pulls').onclick = function(){ afficheIcones('PULL') ;}	
	$('gilets').onclick = function(){ afficheIcones('GILET') ;}
	$('jupes').onclick = function(){ afficheIcones('JUPE') ;}
	$('pantalons').onclick = function(){ afficheIcones('PANTALON') ;}
	$('ensembles').onclick = function(){ afficheIcones('ENSEMBLE') ;}
	$('vestes').onclick = function(){ afficheIcones('VESTE') ;}
	$('accessoires').onclick = function(){afficheIcones('ACCESSOIRE') ;}
	map(['robes','blouses','teeshirts','pulls','gilets','jupes','pantalons','ensembles','vestes','accessoires'], function(a){ $(a).style.cursor='pointer';});
}
function searchRef(ref){ for (var i=1 ;i <= a.length ; i++){ if(a[i].reference == ref) return i ;} return -1;}
function makeArray(n){ this.length = n; for(var i = 1; i <= n; i++){ this[i] = 0;} return this; }
function l3c() { if (layout==3) return ;contenu.style.display="block" ;colonne.style.width= "164px" ;colonne.className="hauteur" ;layout=3;}
function l2c(){contenu.style.display="none";colonne.style.overflow="auto";colonne.style.width=(164+660)+"px" ;colonne.className="largeur";layout=2;}
function toggleLayout(){ layout==3 ? l2c():l3c();}
function shProd(i){count = 0;var match = false;isIn = false ;l3c();a[i].show(i) ;}
function checkOrder(){if(orderNum ==0) checkOut();}
function sortie(){ out = false ;}
function empty(){if(orderNum == 0){ alert(s_al3);}else{ orderNum = 0; alert(s_al4);}}//fin de empty()
function currency(money){ money = parseFloat(money);if(isNaN(money)) {return 0;}return money; }
/* **************************************************************/
function list(target){//liste des produits
var c =["<p>Liste des produits</p><table class='noir'><tbody><tr><td>N&deg;</td><td>",s_P,"</td><td>",s_C,"</td><td>",s_Px, _dse ,"</td></tr>"];
for (var i=1 ;i <= a.length ; i++){if(a[i]==''){break;}
	c.push("<tr><td>"+i+"</td>");
	c.push("<td><a  class='rouge11' href=javascript:shProd("+i+")>"+a[i].name +" ");
	c.push("</a></td><td>"+a[i].couleur+"</td>");
	c.push("<td>"+a[i].price+"</td></tr>");
}
c.push("</tbody></table>");
l3c();
target.innerHTML = c.join('') ;
}
/* **************************************************************/
function formData(form){
	if( dejaSoumis==false){
	for(var i=1;i<=orderNum;i++){
		form.order.value += "\nQ="+order[i].totQ;
		form.order.value += "&modele=" + order[i].Indx;
		form.order.value += "&reference=" + order[i].ref;
		form.order.value += "&taille=" + order[i].taille ;
		form.order.value += "&couleur=" + order[i].couleur ;
		form.order.value += "&prix=" + a[order[i].nbr].price ;
		form.order.value += "&total=" + order[i].totSum + "|";
	}	
	dejaSoumis=true ;
	}	
	form.submit();
}// Fin de formData(form)
/* **************************************************************/
function searchType(type_produit){ //recherche d'un produit sp�cifique
	count = 0;
	var match = false;
	var r = ""; //reponse	
	for (var i = 1; i <= a.length; i++){
		if(type_produit == a[i].type){ 
			indexNum = i; 
			r += a[i].show(i); 
			match = true; 
		}
	}//end_for
	
	if(match == false ){ r =  s_sorry + "<div class=texteGris align=center><a href=javascript:list()>"+ s_Liste+ "</a></div>" ;}	
	contenu.innerHTML = r ;
}// fin de searchType(form)
/* **************************************************************/
function afficheIcones(type_produit){
count = 0;
var match = false;	
var r = [];//reponse
var numtype=({ ROBE:1,BLOUSE:2,'TEE-SHIRT':3,PULL:4,GILET:4,JUPE:5,PANTALON:6,ENSEMBLE:7,VESTE:8,ACCESSOIRE:9})[type_produit];
for (var i = 1; i <=a.length; i++){
//if(type_produit == a[i].type ){
	if(a[i].reference && a[i].reference.charAt(2) =='0'& a[i].reference.charAt(3)== numtype){
			indexNum = i; 
			r.push('<div class="article">	<h5><a href="javascript:shProd('+i+');">'+a[i].name.toLowerCase()+'</a></h5><a href="javascript:shProd('+i+');"><img src="'+img+ a[i].image +'" alt="'+a[i].name+'"  title="'+a[i].name+'" width="200" height="200" border="0" class="vignette" /></a></div>');
			match = true; 
	}
}//end_for
if( match){
	l2c();
	post.innerHTML = "<div class=\"postheader\"><h2>"+type_produit+"</h2></div>" + r.join('')+"</div><hr class='separation' />" ;
}else{
	l3c();
	post.innerHTML=  ['<center>',s_sorry ,"<div id='lister'>","</div></center>"].join('');
	$('lister').onclick = function(){ list(contenu);} ;
}	
r=null;
}// fin de searchType(form)
/* **************************************************************/
function splash(){
	if($('mRobe')&& $('mBlouse')&& $('mTS')){
	$('mRobe').innerHTML=codeArticlePour('ROBE',5);
	$('mBlouse').innerHTML=codeArticlePour('BLOUSE',5);
	$('mTS').innerHTML=codeArticlePour('TEE-SHIRT',5);
	$('mJupe').innerHTML=codeArticlePour('JUPE',5);
	$('mPant').innerHTML=codeArticlePour('PANTALON',5);
	$('mEns').innerHTML=codeArticlePour('ENSEMBLE',5);
	$('mVeste').innerHTML=codeArticlePour('VESTE',5);
	$('mPull').innerHTML=codeArticlePour('PULL',5);
	$('mAcces').innerHTML=codeArticlePour('ACCESSOIRE',5);
	}
	else{
$('post').innerHTML=['<div id="contenu"></div>',
'<div id="colonne" class="largeur"></div>',
'<div class="postheader"><h2><a href="javascript: afficheIcones(\'ROBE\')" >robes</a></h2></div><span id="mRobe"></span>',
,'<hr class="separation" /><div class="postheader"><h2><a href="javascript: afficheIcones(\'BLOUSE\')">blouses</a></h2></div><span id="mBlouse"></span>'
,'<hr class="separation" /><div class="postheader"><h2><a href="javascript: afficheIcones(\'TEE-SHIRT\')">tee-shirts</a></h2></div><span id="mTS"></span>'
,'<hr class="separation" /><div class="postheader"><h2><a href="javascript: afficheIcones(\'PULL\')">pulls</a></h2></div><span id="mPull"></span>'
,'<hr class="separation" /><div class="postheader"><h2><a href="javascript: afficheIcones(\'JUPE\')">jupes</a></h2></div><span id="mJupe"></span>'
,'<hr class="separation" /><div class="postheader"><h2><a href="javascript: afficheIcones(\'PANTALON\')">pantalons</a></h2></div><span id="mPant"></span>'
,'<hr class="separation" /><div class="postheader"><h2><a href="javascript: afficheIcones(\'ENSEMBLE\')">ensembles</a></h2></div><span id="mEns"></span>'
,'<hr class="separation" /><div class="postheader"><h2><a href="javascript: afficheIcones(\'VESTE\')">vestes / parkas</a></h2></div><span id="mVeste"></span>'
,'<hr class="separation" /><div class="postheader"><h2><a href="javascript: afficheIcones(\'ACCESSOIRE\')">accessoires</a></h2></div><span id="mAcces"></span>'
,'<hr class="separation" />'
,'</div>'].join('');
splash() ;
}
}
/* **************************************************************/
function codeArticlePour(type_produit,nprod){
var r = [];
var numtype=({ ROBE:1,BLOUSE:2,'TEE-SHIRT':3,PULL:4,GILET:4,JUPE:5,PANTALON:6,ENSEMBLE:7,VESTE:8,ACCESSOIRE:9})[type_produit];
var max=0;
	for (var i = 1; i <= a.length&& max<nprod; i++){
		if(a[i].reference && a[i].reference.charAt(2) =='0'& a[i].reference.charAt(3)== numtype){
			max++;
			r.push('<div class="article"><h5><a href="javascript:shProd('+i+');">'+a[i].name.toLowerCase()+'</a></h5><a href="javascript:shProd('+i+');"><img src="'+img+ a[i].image +'" alt="'+a[i].name+'"  title="'+a[i].name+'" width="200" height="200" border="0" class="vignette" /></a></div>');
	}
}//end_for
	return r.join('');
}// fin de searchType(form)
/* **************************************************************/
function store(o,ts,tq,t,c){
/* appele par ajouterAuPanier,o : index du produit,ts  totalSum ou sous total,tq  quantite totale, t=taille,c=couleur*/
	orderNum++;
	order[orderNum] = new cartGoods(o,ts,tq,t,c);
	calculTotal() ;
}//fin de store()
/* **************************************************************/
function calculTotal(){
	var showTotal=0,totalq=0 ; 
	for(var i = 1; i <= orderNum;i++){ 
		showTotal += parseFloat(order[i].totSum); 
		totalq += parseInt(order[i].totQ);
	}
	$("total").innerHTML = (totalq>0) ?
			( totalq +" article"+ ((totalq>1)? "s":"")+ " / "  + showTotal + " &euro;"):"(vide)";
}
/* **************************************************************/
function cartGoods(Indx, totSum, totQ , taille, couleur){
//cartGoods est un objet contenu dans order[] 
this.nbr = Indx ;			// index du produit
this.Indx = a[Indx].name;// nom
this.ref = a[Indx].reference; //reference
this.totSum = totSum;//somme totale
this.totQ = totQ;// quantite totale
this.taille = taille;
this.couleur= couleur;
}// fin de cartGoods

/* **************************************************************/
function modalDialog(msg, top){
		colonne.style.overflow="hidden" ; // les menu bars sont visibles !!
		document.getElementsByTagName("body")[0].style.overflow="hidden"; // emp�cher le scroll
		var p = $('popmdp');
		p.innerHTML = msg;
		$("fondtransp").style.display= 'block' ;
		var par	= $("fondtransp").parentNode;
		par.style.overflow ="hidden" ;
		p.style.display='block';
		window.onresize = function(){ centerDiv(p); }
		centerDiv(p);
		if(top) p.style.top= top ;
		$('close').onclick=toggleModal ;
		return p;
}
/* **************************************************************/
function toggleModal(){	
	$('fondtransp').style.display=$('popmdp').style.display='none';
	colonne.style.overflow="auto" ;
	document.getElementsByTagName("body")[0].style.overflow="auto";
}
/* **************************************************************/
function bandeau(){
	return [ "<div  style='display: block; background-color: rgb(204, 204, 255);",
	" width: 100%; height: 25px; direction: ltr; text-align: left;cursor:move;' ",
	" onmousedown='drag(this.parentNode,event)' ",
	">",
	'<img id="close" src="a/close.png" style="position: absolute; ',
	'right: 2px; top: 2px; cursor: pointer;" title="close"/></div>'
	].join(''); 
}

function progressif( fun, delais , elem){
	eval('elem.style.'+property+' = "rgb('+r+','+g+','+b+')"');
	var timeout = setTimeout(function(){ fun()},delais);
}

function setCookie(cookieName,cookieValue,nDays) {
 var today = new Date();
 var expire = new Date();
 var expireTime ="";
if(nDays && nDays>0){
 expire.setTime(today.getTime() + 3600000*24*nDays);
 expireTime=";expires="+expire.toGMTString();
} else if(nDays<0) expireTime=";expires=Thu, 01-Jan-1970 00:00:01 GMT";
document.cookie = cookieName+"="+escape(cookieValue)+expireTime ;
}

function getCookie(valeur){
	var valeurs=document.cookie.split(";");
	var elem="";
	for( var i=0 ; i<valeurs.length ; i++){
		elem = valeurs[i].split("=") ;
			if(elem[0].indexOf(valeur)>=0) {
			return unescape(elem[1]) ;
		}
	}
	return "";
}
function deserier(){
	var lignes=getCookie('curcook').split('&');
	if(lignes && lignes[0]=="") return ;
	for(var i=0;i<lignes.length;i++){
		var t =lignes[i].split('|');
		orderNum++;
		order[orderNum]={'nbr':t[0],'Indx':t[1],'ref':t[2],'totSum':t[3],'totQ': t[4],'taille':t[5],'couleur':t[6]}
		calculTotal() ;
	}
}

function serier(){
	var t,s=[];
	for(var i=1;i<=orderNum;i++){
		t=order[i] ;
		s.push([t.nbr,t.Indx,t.ref,t.totSum,t.totQ,t.taille,t.couleur].join('|'));
	}
	return s.join('&');
}