var myZoom;
var accordion;

var debug = function(msg) {

  if(typeof console !='undefined' ) { console.warn(msg); } else { alert(msg.message); }
 
}

function init(o) {
	
	// -------- ZOOM PHOTOS --------
	
	if(document.getElementById("zoom")) {
		$('zoom').style.display = 'block';
		myZoom = new Fx.Slide('zoom', {height: true, opacity: true, duration: 500});
		myZoom.hide();
	}
	
	if(document.getElementById("select")) {
		zoom = document.getElementsByClassName('zoom');
		for(i=0; i<zoom.length; i++) {
			zoom[i].onmouseover = function() { document.getElementById("galerie").style.backgroundImage = "url('"+this.href+"')"; }
			zoom[i].onclick = function() { return false; }
		}
	}
	
	accordion = new Accordion('h2.menutitre', 'ul.stretcher', { opacity: false,duration: 300 }, $('accordion'));
	( o==-1 ) ? accordion.display () : accordion.display (o);
	
	// -------- FLASH INFOS --------
	
	try {
		
		$('flash_infos').innerHTML = '<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" '
	                                 +'onMouseOver="this.stop()" onMouseOut="this.start()">'
								     +($('flash_infos').innerHTML)+'</marquee>';
									 
	} catch(e) { /* Pas de flash infos... */}
	
	// -------- PROMO --------
	
	/*try {
		
		$('promo').innerHTML = '<marquee id="promo" behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" '
	                          +'onMouseOver="this.stop()" onMouseOut="this.start()">'
				               +($('flash_infos').innerHTML)+'</marquee>';
							   
	} catch(e) { /* Pas de promos... */ //}
	
	// ------ On cache les images du menu du haut ------
	/*img_haut = document.getElementsByClassName('img_haut');
	for(i=0; i<img_haut.length; i++) {
		img_haut[i].style.display = "none";
	}*/
	
	// -------- FIN INIT --------
	
}

function zoom() {
	myZoom.toggle();
}

function open_next(id) {
	document.getElementById(id).style.display = '';
    accordion.display(-1);
	setTimeout(function(){ accordion.display(parentId); }, 10);	
}

function addToFavorites() {
	if (document.all) { window.external.AddFavorite(location.href, document.title); }
	else { alert("Votre navigateur n'autorise pas l'ajout direct de signets.\n"
	            +"Pour ce faire, faites 'Control + D' pour l'ajouter ou utilisez le menu marque-pages.") }
}

function retour() {
	history.go(-1);	
}

function OpenWin(URL,width,height,nom) {
	window.open(URL,nom,"toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,width=" + width + ",height=" + height + ",resizable=no");
}

function OpenWin2(URL,width,height,nom) {
	window.open(URL,nom,"toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,width=" + width + ",height=" + height + ",resizable=yes");
}

function DisplayZoomPopUp(url) {
	window.open(url,'Zoom','height=500,width=500,left=0,top=0,scrollbars=yes');
}

function qte_moins(champ) {
	champ2 = champ + "_2";
	qte = document.getElementById(champ).value;
	document.getElementById(champ).value = Number(qte) - 1;
	document.getElementById(champ2).value = Number(qte) - 1;
	frmsubmit('recalc');
}

function qte_plus(champ) {
	champ2 = champ + "_2";
	qte = document.getElementById(champ).value;
	document.getElementById(champ).value = Number(qte) + 1;
	document.getElementById(champ2).value = Number(qte) + 1;
	frmsubmit('recalc');
}

function frmsubmit(func) {
	frm = document.entryform;
	frm.func.value = func;
	frm.submit();
}

var requete = null;

function creerRequete() {
    try {
        requete = new XMLHttpRequest();
    } catch (microsoft) {
        try {
            requete = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch(autremicrosoft) {
            try {
                requete = new ActiveXObject('Microsoft.XMLHTTP');
            } catch(echec) {
                requete = null;
            }
        }
    }
    if(requete == null) {
        alert('Impossible de créer l\'objet requête,\nVotre navigateur ne semble pas supporter les object XMLHttpRequest.');
    }
}

var requete2 = null;

function creerRequete2() {
    try {
        requete2 = new XMLHttpRequest();
    } catch (microsoft) {
        try {
            requete2 = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch(autremicrosoft) {
            try {
                requete2 = new ActiveXObject('Microsoft.XMLHTTP');
            } catch(echec) {
                requete2 = null;
            }
        }
    }
    if(requete2 == null) {
        alert('Impossible de créer l\'objet requête,\nVotre navigateur ne semble pas supporter les object XMLHttpRequest.');
    }
}

function page(catid) {
	creerRequete();
	var url = 'scripts/page.php?id='+catid;
	requete.open('GET', url, true);
	
	requete.onreadystatechange = function() {
		if(requete.readyState == 4) {
			if(requete.status == 200) {
				document.getElementById('page').innerHTML = requete.responseText;
			}
		}
	};
	
	requete.send(null);
}

function selectColor(idlogo, idemplacement) {
	creerRequete();
	var url = 'scripts/logos.php?idlogo='+idlogo+'&id='+idemplacement;
	requete.open('GET', url, true);
	
	requete.onreadystatechange = function() {
		if(requete.readyState == 4) {
			if(requete.status == 200) {
				var div = 'selectColor'+idemplacement;
				document.getElementById(div).innerHTML = requete.responseText;
			}
		}
	};
	
	requete.send(null);
}

function vide(vdefault, champ){
	if(champ.value==vdefault){
		champ.value='';
	}
}

function zoomGalerie(src, width, height, texte){
    var div = $('div_zoom_galerie');
    var div2 = $('div_zoom_galerie_contenu');
    var img = div2.getElementsByTagName('canvas')[0];
    
    if(div!=null){
        
        div.style.width=document.width+'px'; 
        div.style.height=document.height+'px';
        div.style.visibility='visible';
        div.style.backgroundColor='#000';
        div.style.zIndex = '999';
        change_opacity('div_zoom_galerie', 0.1, 0.6, '+');
        
        div2.style.visibility='visible';
        div2.style.zIndex = '1000';
        change_opacity('div_zoom_galerie_contenu', 0.1, 1, '+');
        div2.style.top = Math.ceil(parseInt(window.innerHeight)/2) + 'px';
        div2.style.left= Math.ceil(parseInt(window.innerWidth)/2)-Math.ceil(width/2) + 'px';
        
        if(texte!=''){
            div2.innerHTML = '<p style="width:'+width+'px">'+texte+'</p>' + div2.innerHTML;
        }
        div2.innerHTML = '<img src="' + src + '" />' + div2.innerHTML;
    }
    return true;
}

function change_opacity(id, depart, arriver, sens){
    if(sens == '-' || sens == '-1')
        var arriver_test = depart>parseFloat(arriver)-0.1
    else
        var arriver_test = depart<parseFloat(arriver)+0.1
        
    if(arriver_test){
        $(id).style.opacity = depart;
        if(sens == '-' || sens == '-1')
            suivant = parseFloat(depart-0.1);
        else
            suivant = parseFloat(depart+0.1);
            
        setTimeout('change_opacity("'+id+'", '+suivant+', '+arriver+', "'+sens+'")', 10)
    }
    else{
        if(arriver==0){
            
            $(id).style.visibility='hidden';
        }
    }
}

function fermer_zoom_galerie(){
    var div = $('div_zoom_galerie_contenu');
    var img = div.getElementsByTagName('img')[0];
    var p = div.getElementsByTagName('p')[0];
    div.style.visibility='hidden';
    
    change_opacity('div_zoom_galerie_contenu', 1, 0, '-');
    
    var anciennoeud = div.removeChild(img);
    
    if(p!=null){
        var anciennoeud = div.removeChild(p);
    }
    
    change_opacity('div_zoom_galerie', 0.6, 0, '-');   
    
    return true;
}

// ------------------------------------------------------------------------------------------------

/* Element.implement({

	isVisible: function(){
		return (this.getStyle('display') || 'none') != 'none' && this.getStyle('visibility') != 'hidden';
	},

	show: function(){
		return this.setStyle('display', this.retrieve('display', '')).set('opacity', 1);
	},

	hide: function(visibility){
		if (!this.retrieve('display')){
			var display = this.getStyle('display');
			this.store('display', (display == 'none') ? 'block' : display);
		}
		return (visibility) ? this.set('opacity', 0) : this.setStyle('display', 'none');
	},

	toggle: function(visibility){
		return this[this.isVisible() ? 'hide' : 'show'](visibility);
	}

}); */


var qtemoin = function(el){
	var input = eval(el);
	
	if(parseInt(input.value)>1){
		input.value = parseInt(input.value) - 1;
	}
}

var qteplus = function(el){
    var input = eval(el);
    
	input.value = parseInt(input.value) + 1;
}

var imgMenuHaut = {
	SlideUpImg : function(id){
			
		$(id).morph({'height':'50px'});
		
	},
	
	SlideDownImg : function(id){
		$(id).morph({'height':'20px'});
	}
}

function actualiserColoris() {
    var liste = requete.responseText;
    var vignette_image = document.getElementById('vignette_image');
    vignette_image.innerHTML = liste;
}

function getColoris() {
	
	creerRequete();
	
	var url = 'scripts/coloris.php?coloris_id='+document.getElementById('coloris').value+'&nom='+document.getElementById('nom').value;
	
	requete.open('GET', url, true);
	
	requete.onreadystatechange = function() {
	
	if(requete.readyState == 4) {
		if(requete.status == 200) {
				actualiserColoris();
				Lightbox.init();
			}
		}
	};
	requete.send(null);
}

function actualiserCoulEcriture() {
	var liste = requete.responseText;
    var blocCoulEcriture = document.getElementById('blocCoulEcriture');
    blocCoulEcriture.innerHTML = liste;
}

function getCoulEcriture() {
	
	creerRequete();
	
	var url = 'scripts/coul_ecriture.php?coloris_id='+document.getElementById('coloris').value+'&nom='+document.getElementById('nom').value;
	
	requete.open('GET', url, true);
		
	requete.onreadystatechange = function() {
	
	if(requete.readyState == 4) {
		if(requete.status == 200) {
				actualiserCoulEcriture();
				creerRequete();
				var url = 'scripts/coloris.php?coloris_id='+document.getElementById('coloris').value+'&nom='+document.getElementById('nom').value;
				
				requete.open('GET', url, true);
				
				requete.onreadystatechange = function() {
				
				if(requete.readyState == 4) {
					if(requete.status == 200) {
							actualiserColoris();
							Lightbox.init();
						}
					}
				};
				requete.send(null);
			}
		}
	};
	requete.send(null);
}


function actualiserApercuGabarit() {
    var liste = requete.responseText;
    var blocApercuGabarit = document.getElementById('blocApercuGabarit');
    blocApercuGabarit.innerHTML = liste;
}

function getApercuGabarit() {
	
	creerRequete();
	
	var url = 'scripts/apercu_gabarits.php';
	
	requete.open('POST', url, true);
	requete.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	data = "";
	produit_id = document.getElementById('produit_id').value;
	data += 'produit_id='+produit_id;
	if(document.getElementById('gabEmplacementLogo').value != ""){
		gabEmplacementLogo = document.getElementById('gabEmplacementLogo').value;
		data +=	'&gabEmplacementLogo='+gabEmplacementLogo;
	}
	if(document.getElementById('gabLogo').value != ""){
		gabLogo = document.getElementById('gabLogo').value;
		data +=	'&apLogo='+gabLogo;
	}	
	if(document.getElementById('coloris').value != ""){
		gabColoris = document.getElementById('coloris').value;
		data +=	'&gabColoris='+gabColoris;
	}
	if(document.getElementById('gabCoulEcriture').value != ""){
		gabCoulEcriture = document.getElementById('gabCoulEcriture').value;
		data +=	'&gabCoulEcriture='+gabCoulEcriture;
	}
	if(document.getElementById('gabNbLigne').value != ""){
		gabNbLigne = document.getElementById('gabNbLigne').value;
		data +=	'&gabNbLigne='+gabNbLigne;
	}
	if(document.getElementById('gabNbCarac').value != ""){
		gabNbCarac = document.getElementById('gabNbCarac').value;
		data +=	'&gabNbCarac='+gabNbCarac;
	}
	if(typeof(gabNbLigne) != "undefined" && typeof(gabNbCarac) != "undefined"){
		for(i=0;i<gabNbLigne;i++){
				data +=	'&texte'+i+'='+document.getElementById('texte'+i).value;
		}
	}
	tabGabImgLogo = document.getElementsByClassName('gabImgLogo');
	for(i=0; i<tabGabImgLogo.length; i++) {
		if(tabGabImgLogo[i].checked == true){
			gabImgLogo = tabGabImgLogo[i].value;
			data +=	'&gabImgLogo='+gabImgLogo;
		}
	}
	
	//Envoi des données
	requete.send(data);
		
	requete.onreadystatechange = function() {
	
	if(requete.readyState == 4) {
		if(requete.status == 200) {
				actualiserApercuGabarit();
			}
		}
	};
}

var clearPage = function(divActive){
	$$('.galLogo').each(function(div){ div.setStyles({'display':'none'}); });
	$(divActive).setStyles({'display':'block'});
}

var changeDisplay = function(id, style){
  $(id).setStyle('display', style);
}

var divColor = function(source, target){
	color = source.value.split('|');
	if (color[0] == "") { color[0] = "none"; }
	$(target).setStyle('background-image', 'url('+color[0]+')');
}

var compteur = function(Target, max, strlen){
    if (Target.value.length > (max)){
        Target.value = Target.value.substr(0, max);
    }
    strlen.value = max - Target.value.length;
}

function changePolice(source, div) {
	creerRequete();
	var url = 'scripts/exemple.php?id='+$(source).value+'&nom='+document.getElementById('nom').value;
	requete.open('GET', url, true);
	requete.onreadystatechange = function() {
	if(requete.readyState == 4) {
		if(requete.status == 200) {
				$(div).innerHTML = requete.responseText;
				Lightbox.init();
			}
		}
	};
	requete.send(null);
}

/*
function changeCat(source, target){
	var divLogo = document.getElementsByClassName('divLogo'+target);
	for(i=0; i<divLogo.length; i++) {
		divLogo.setStyle('display', 'none');
	}
	$('liste_logo_'+target+'_'+source.value).setStyle('display', 'block');
}
*/

var AntiRobotUpdate = function() { $('AntiRobotImage').src = 'captcha.jpeg?v='+((new Date).getTime()); }

var ActiveLogo = function (checkBox, i, cat) {
  setTimeout(function() {
    if( checkBox.checked ) {
    	$('liste_choix_'+i).innerHTML = '<img src="'+wwwroot+'/images/ajax-loader.gif" alt="" style="margin:0 auto; display:block; width:220px" />';
			creerRequete();
			var url = 'scripts/logoBox.php?id='+i+'&catid='+cat;
			requete.open('GET', url, true);
			requete.onreadystatechange = function() {
			if(requete.readyState == 4) {
				if(requete.status == 200) {
						//console.log('liste_choix_'+i);
						$('liste_choix_'+i).innerHTML = requete.responseText;
						Lightbox.init();
					}
				}
			};
			requete.send(null);
      //$('liste_choix_'+this.i).setStyles({'display':'block'});
      $('CIr_0_'+i).setStyles({'display':'block'});
      $('CIr_1_'+i).setStyles({'display':'block'});
    } else {
      //$('liste_choix_'+this.i).setStyles({'display':'none'});
      $('liste_choix_'+i).innerHTML = "";
      $('CIr_0_'+i).setStyles({'display':'none'});
      $('CIr_1_'+i).setStyles({'display':'none'});
    }
  }, 50);
}

var changeCat = function(i, cat) {
	$('liste_choix_'+i).innerHTML = '<img src="'+wwwroot+'/images/ajax-loader.gif" alt="" style="margin:0 auto; display:block; width:220px" />';
	creerRequete();
	var url = 'scripts/logoBox.php?id='+i+'&catid='+cat;
	requete.open('GET', url, true);
	requete.onreadystatechange = function() {
	if(requete.readyState == 4) {
		if(requete.status == 200) {
				//console.log('liste_choix_'+i);
				$('liste_choix_'+i).innerHTML = requete.responseText;
				Lightbox.init();
			}
		}
	};
	requete.send(null);
  //$('liste_choix_'+this.i).setStyles({'display':'block'});
  $('CIr_0_'+this.i).setStyles({'display':'block'});
  $('CIr_1_'+this.i).setStyles({'display':'block'});
}

var ActiveTexte = function(checkBox, i) {
  setTimeout(function() {
    if( this.maCheckbox.checked ) {
      $('Txt_0_'+this.i).setStyles({'display':'block'});
      $('Txt_1_'+this.i).setStyles({'display':'block'});
    } else {
      $('Txt_0_'+this.i).setStyles({'display':'none'});
      $('Txt_1_'+this.i).setStyles({'display':'none'});
    }
  }.bind({ 'maCheckbox' : checkBox , 'i' : i}) , 50);
}
