function popIt(img, largeur, hauteur, titre) {
	var l = parseInt(largeur) + 20;
	var h = parseInt(hauteur) + 30;
	popup = open("",'illustration','width='+l.toString()+',height='+h.toString()+',toolbar=no,scrollbars=no,resizable=yes,left=150,top=150');
	popup.document.write("<html><head><title>"+titre+"</title></head>");
	popup.document.write("<body><img src='"+img+"' width='"+largeur+"' height='"+hauteur+"' alt='' />");
	popup.document.write("</body></html>");
	popup.document.close();
}


function ShowOrHide(zone, retour) {
	if(zone == '') {
		if(retour) return 1;
		else return;
	}
	var item = null;
	if(document.getElementById) item = document.getElementById(zone);
	else if(document.all) item = document.all[zone];
	else if(document.layers) item = document.layers[zone];	
	if(!item) {
		if(retour) return 0;
		else return;
	}
	else if(item.style) {
		if(item.style.display != "block") item.style.display = "block";
		else item.style.display = "none";
	}
	else item.visibility = "show";
	
	if(retour) return 1;
	else return;
}

function Show(zone, retour) {
	if(zone == '') {
		if(retour) return 1;
		else return;
	}
	var item = null;
	if(document.getElementById) item = document.getElementById(zone);
	else if(document.all) item = document.all[zone];
	else if(document.layers) item = document.layers[zone];
	if(!item) {		
		if(retour) return 0;
		else return;
	}
	else if(item.style) {
		item.style.display = "block";
		if(item.style.display == "none") item.style.display = "block";
		else item.visibility = "show";
	}

	if(retour) return 1;
	else return;
}

function Hide(zone, retour) {
	if(zone == '') {
		if(retour) return 1;
		else return;
	}
	var item = null;
	if(document.getElementById) item = document.getElementById(zone);
	else if(document.all) item = document.all[zone];
	else if(document.layers) item = document.layers[zone];
	if(!item) {
		if(retour) return 0;
		else return;
	}
	else if(item.style) item.style.display = "none";
	else item.visibility = "show";

	if(retour) return 1;
	else return;
}

/*************** Gestion des zones deroulantes ***************/
function initAccordions(){
		//divs de l'article
		$(".article div").each(function(){
			nb_divs = 0 ;
			// si la classe est accordion_int
			var c = $(this).attr("class").split(' ');
			for(var i=0;i<c.length;i++){
				ctmp = c[i].split('_');
				if(ctmp[0]=='accordion'){
					nb_divs = ctmp[1]; // nombre de divs déroulantes
				}
			}

			if(nb_divs>0){				
				// on verifie le html
				var i = 0;	var links = 0; var continuer = true ;				
				//classe
				$(this).addClass("accordion");
				var c = ".article .accordion_"+nb_divs;								
				//on parcoure les elements pour les evenements				
				while(links<nb_divs && continuer){
					// classe de l'element
					tmp = this.childNodes[i];
					if(!this.childNodes[i]){ continuer = false; }
					if($(tmp).attr("class")){ tmp_class = $(tmp).attr("class").split(' '); }
					else{	tmp_class = ""; }
					// si c'est un lien orange
					if(tmp_class == 'orange' || tmp_class[0] == 'orange'){			
						links++;                      // on en a trouve un
						$(tmp).removeClass("strong");	// on retire la classe strong
						$(tmp).click(function(){		// evenement clic
							//nombre de divs
							nb_divs = $(this).parent().attr("class").split(' ')[0].split('_')[1];
							 // on remonte toutes les divs
							var j = 0; var tries = 0 ;
							elmt = $(this).next();
							while((j<=nb_divs) && (tries<=(nb_divs+10))){								
								c = $(elmt).attr("class");
								if((c!='orange' && c!='orange strong') || !c){
									$(elmt).slideUp("fast");
									j++ ;
								}	
								tries++;								
								elmt = $(elmt).next() ;								
							}							
							// on recupere la div a afficher, selon  nb_divs
							var j = 0;	var tries = 0 ;						
							elmt = $(this).next();
							while((j<=nb_divs) && (tries<=(nb_divs+10))){	
								if(!$(elmt).attr("class") || $(elmt).attr("class")!='orange' || $(elmt).attr("class")!='orange strong'){
									if(j==(nb_divs-1)){
										tmp = $(elmt);
										setTimeout("tmp.slideDown('fast');",250);
									}
								}
								j++ ; tries++ ; 								
								elmt = $(elmt).next() ;
							}							
							// on passe les liens en normal
							a = $(this).parent().children()[0];
							liens = 0 ; tries = 0;
							while(liens<nb_divs && (tries<=(nb_divs+10))){
								if($(a).hasClass('orange')){
									$(a).removeClass('strong');
									liens++;
								}
								a = $(a).next();
								tries++ ;
							}
							// lien clique en strong
							$(this).addClass("strong");
							return false;
						});	// fin evenement click

					}
					
					//cacher les divs sauf la 1ere
					$(".accordion div").each(function(){
						cl = $(this).prev().attr("class");
						if(cl=='') $(this).hide();
					});
					
					//liens "replier"
					$(c+" .orangepetit").click(function(){
						// on remonte la div parente
						div = $(this).parent();
						div.slideUp("fast");
						// on passe les liens strong en normal
						conteneur = div.parent();
						c = conteneur.attr("class").split(' ');
						c = c[0].split('_');
						nb_divs = c[1];
						liens = 0 ; tries = 0 ;
						while(liens<nb_divs && (tries<=(nb_divs+10))){
							if(div.prev().hasClass('orange')){
								$(div.prev()).removeClass('strong');
								liens++;
							}
							div = $(div).prev();
							tries++ ;
						}
						return false;
					});
					i++ ;
				}
			}
		});
	}

/*************** Gestion du menu de gauche ***************/
function	showHide(){	
	// liste a manipuler
	var elmt = $(this).next().next();
	if(!elmt.hasClass("niv1") && !elmt.hasClass("niv2") && !elmt.hasClass("niv3")){ // si on a clique sur le a		
		diese = $(this).attr("href").charAt($(this).attr("href").length-1); //dernier caractere du href
		if(diese == "#" || diese == ")" ){ // si href = ...# la liste est l'element suivant
			elmt = $(this).next();
			img = $(this).prev(); //picto a changer			
		}
		else elmt = null;		// si href != #, pas de liste
	}
	else{ // si on a clique sur le picto
		img = $(this);
	}	
	if(elmt){		
		if(elmt.css("display") == 'block'){	// si doit etre cachee
			elmt.slideUp("fast");
			img.attr("src","./pics/charte/menu-item-replie.gif");	// image a changer
		}
		else if(elmt.css("display") == 'none'){  // si doit etre montree			
			elmt.slideDown("fast");
			img.attr("src","./pics/charte/menu-item-deplie.gif");
		}
	}
}

function initMenu(){	
	
	$("#colGauche ul img").click(showHide); //clics sur les +/-
	$("#colGauche ul a").click(showHide);   //clics sur les liens	
	
	//ouverture rubrique en cours
	var li = $("#colGauche .active");		
	if(li.length>0){		
		li = li[0];		
		parent_elmt = $(li).parent();			
		continuer = true;		
		while(continuer){
			$(parent_elmt).show();			
			if($(parent_elmt).hasClass("niv2") || $(parent_elmt).hasClass("niv1") || $(parent_elmt).hasClass("niv3")){				
				img = $(li).children()[0];				
				if($(img).attr("src") == "./pics/charte/menu-item-replie.gif"){ 
					$(img).attr("src","./pics/charte/menu-item-deplie.gif");
				}				
			}
			else{				
				img = $(parent_elmt).children()[0];				
				if(img!=''){ $(img).attr("src","./pics/charte/menu-item-deplie.gif") }				
			}				
			parent_elmt = $(parent_elmt).parent();			
			if($(parent_elmt).attr("id")=="colGauche"){
				continuer = false;
			}			
		}		
		$(li).show();		
	}
	
	//gestion des checkbox
	var boxs = $("#criteres_produits li>input");
	if(boxs.length>0){				
		$(boxs).change(function(){				
			if($(this).attr("checked")){
				this.setAttribute("checked","checked");
			}
			else{
				$(this).removeAttr("checked");
			}
		});
			
		
	}
	
}

/*  fonction pour la page avec le flash */
function showText(id){
	for(var i=1;i<=6;i++){
		div = $('#'+i);		
		if(div) div.hide();
	}
	div = $('#'+id);
	if(div) $(div).show();
}

//ajouter comme favori
function CreateBookmarkLink() {
	title = "GreenAffair";   
	url = "http://www.greenaffair.com";  
	// Mozilla Firefox Bookmark
	if (window.sidebar) { 
		window.sidebar.addPanel(title, url,"");
	// IE Favorite
	}
	else if( window.external ) { 
		window.external.AddFavorite( url, title); 
	}
	 // Opera Hotlist
	else if(window.opera && window.print) {
		return true; 
	}
 }
 

function sendToFriend(){	
	var help = $('#help');		
	$(help).hide();	
	var form = $('#invite');		
	$(form).slideDown("fast");		
}

function help(){	
	var form = $('#invite');		
	$(form).hide();
	var help = $('#help');		
	$(help).slideDown("fast");		
}


$(document).ready(function(){
	initAccordions();		
	initMenu();		
	showText(0);
});