// JavaScript Document

/* ----------------------------
			FONCTIONS
-----------------------------*/
	/* ******************************* */
	/* 		Mootools admin + AJAX	   */
	/* ******************************* */
window.addEvent('domready', function() {

/* ---------- tests ---------- */
//new FormValidator('form_devis');
/* --------- fin tests --------- */



	/* ******************************* */
	/* 				Tips	 		   */
	/* ******************************* */
    // VIGNETTES
    $$('a.link_vignette').each(function(element,index) {
		var content = element.get('title').split('::');
        element.store('tip:title', content[0]);
        element.store('tip:text', content[1]);
    });
    var tipz = new Tips('.link_vignette',{
        className: 'tip_beapi',
        fixed: false,
        hideDelay: 0,
        showDelay: 400,
		onShow: function(toolTipElement){
			toolTipElement.fade(1);
		},
		onHide: function(toolTipElement){
			toolTipElement.fade(0);
		}
    });

    // PASSEPORT
    $$('div.line').each(function(element,index) {
		var content = element.get('title').split('::');
        element.store('tip:title', content[0]);
        element.store('tip:text', content[1]);
    });
     
    var tipz = new Tips('.line',{
        className: 'tip_beapi',
        fixed: false,
        hideDelay: 0,
        showDelay: 400,
		onShow: function(toolTipElement){
			toolTipElement.fade(1);
		},
		onHide: function(toolTipElement){
			toolTipElement.fade(0);
		}
    });

    // PAGE RECHERCHE
	$$('a.link_glr').each(function(element,index) {
		var content = element.get('title').split('::');
        element.store('tip:title', content[0]);
        element.store('tip:text', content[1]);
    });
     
    //crée la tooltip
    var tipz = new Tips('a.link_glr',{
        className: 'tip_beapi',
        fixed: false,
        hideDelay: 0,
        showDelay: 100,
		onShow: function(toolTipElement){
			//toolTipElement.fade(1);
		},
		onHide: function(toolTipElement){
			//toolTipElement.fade(0);
		}
    });


	/* ******************************* */
	/* 			Datepicker	 		   */
	/* ******************************* */
	new DatePicker('.date_from', {
		pickerClass: 'datepicker_vista',
		allowEmpty: true,
		inputOutputFormat: 'd/m/Y',
		days: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
		months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre']
	});
	new DatePicker('.date_to', {
		pickerClass: 'datepicker_vista',
		allowEmpty: true,
		inputOutputFormat: 'd/m/Y',
		days: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
		months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre']
	});

	/* ******************************* */
	/* 				Liens	 		   */
	/* ******************************* */
	$(document.body).getElements('.ss_link').addEvents({
		/* Couleurs fade In/Out */
		'mouseenter': function(){
			/*this.set('morph', {duration: 'long'});*/
			this.morph({
				'color': '#CA2026'
			});
		},
		'mouseleave': function(){
			/*this.set('morph', {duration: 'long'});*/
			this.morph({
				'color': '#000000'
			});
		},
		/* Réinitialise session => critères sélection clients */
		'click': function(){
			var SID = $('sid').get('value');
			var IP = $('ip').get('value');
			var req = new Request.HTML({
				method: 'post',
				url: 'choix_ajax.php',
				//url: $('go').get('href'),
				data: { 'session' : 'clear', 'sid': SID, 'ip': IP }
			}).send();
		}
	});

	/* ******************************* */
	/* 				AJAX	 		   */
	/* ******************************* */
	$(document.body).getElements('input.moocat').addEvents({
		'click': function(){
			$$('div.vignette img').fade('out');
			var SID = $('sid').get('value');
			var IP = $('ip').get('value');
			var valeurCat = this.value;
			var activite = $('activite').value;
			var req = new Request.HTML({
				evalResponse: true,
				evalScripts: true,
				method: 'post',
				url: 'choix_ajax.php',
				//url: $('go').get('href'),
				data: { 'cat' : valeurCat, 'activite': activite, 'sid': SID, 'ip': IP },
				onRequest: function() {
					$('contenu').innerHTML='<p><img src="assets/images/ajax-loader.gif" width="66" height="66" style="margin:350px 0 0 272px" /></p>';
				},
				onComplete: function() {
					$$('div.vignette img').set('opacity',0.7);
					$(document.body).getElements('div.vignette').addEvents({
						'mouseover': function(){
							this.getElement('img').fade(1);
						}
					});
				
					$(document.body).getElements('div.vignette').addEvents({
						'mouseout': function(){
							this.getElement('img').fade(0.7);
						}
					});
					// tooltips
					$$('a.link_vignette').each(function(element,index) {
						var content = element.get('title').split('::');
						element.store('tip:title', content[0]);
						element.store('tip:text', content[1]);
					});
					var tipz = new Tips('.link_vignette',{
						className: 'tip_beapi',
						fixed: false,
						hideDelay: 0,
						showDelay: 400,
						onShow: function(toolTipElement){
							toolTipElement.fade(1);
						},
						onHide: function(toolTipElement){
							toolTipElement.fade(0);
						}
					});
				},
				update: $('contenu')
			}).send();
		}
	});

	$(document.body).getElements('input.mooou').addEvents({
		'click': function(){
			$$('div.vignette img').fade('out');
			var SID = $('sid').get('value');
			var IP = $('ip').get('value');
			var valeurOu = this.value;
			var activite = $('activite').value;
			var req = new Request.HTML({
				evalResponse: true,
				evalScripts: true,
				method: 'post',
				url: 'choix_ajax.php',
				//url: $('go').get('href'),
				data: { 'ou' : valeurOu, 'activite': activite, 'sid': SID, 'ip': IP },
				onRequest: function() {
					$('contenu').innerHTML='<p><img src="assets/images/ajax-loader.gif" width="66" height="66" style="margin:350px 0 0 272px" /></p>';
				},
				onComplete: function() {
					$$('div.vignette img').set('opacity',0.7);
					$(document.body).getElements('div.vignette').addEvents({
						'mouseover': function(){
							this.getElement('img').fade(1);
						}
					});
				
					$(document.body).getElements('div.vignette').addEvents({
						'mouseout': function(){
							this.getElement('img').fade(0.7);
						}
					});
					// tooltips
					$$('a.link_vignette').each(function(element,index) {
						var content = element.get('title').split('::');
						element.store('tip:title', content[0]);
						element.store('tip:text', content[1]);
					});
					var tipz = new Tips('.link_vignette',{
						className: 'tip_beapi',
						fixed: false,
						hideDelay: 0,
						showDelay: 400,
						onShow: function(toolTipElement){
							toolTipElement.fade(1);
						},
						onHide: function(toolTipElement){
							toolTipElement.fade(0);
						}
					});
				},
				update: $('contenu')
			}).send();
		}
	});

	$(document.body).getElements('input.mooquoi').addEvents({
		'click': function(){
			$$('div.vignette img').fade('out');
			var SID = $('sid').get('value');
			var IP = $('ip').get('value');
			var valeurQuoi = this.value;
			var activite = $('activite').value;
			var req = new Request.HTML({
				evalResponse: true,
				evalScripts: true,
				method: 'post',
				url: 'choix_ajax.php',
				//url: $('go').get('href'),
				data: { 'quoi' : valeurQuoi, 'activite': activite, 'sid': SID, 'ip': IP },
				onRequest: function() {
					$('contenu').innerHTML='<p><img src="assets/images/ajax-loader.gif" width="66" height="66" style="margin:350px 0 0 272px" /></p>'; 
				},
				onComplete: function() {
					$$('div.vignette img').set('opacity',0.7);
					$(document.body).getElements('div.vignette').addEvents({
						'mouseover': function(){
							this.getElement('img').fade(1);
						}
					});
				
					$(document.body).getElements('div.vignette').addEvents({
						'mouseout': function(){
							this.getElement('img').fade(0.7);
						}
					});
					// tooltips
					$$('a.link_vignette').each(function(element,index) {
						var content = element.get('title').split('::');
						element.store('tip:title', content[0]);
						element.store('tip:text', content[1]);
					});
					var tipz = new Tips('.link_vignette',{
						className: 'tip_beapi',
						fixed: false,
						hideDelay: 0,
						showDelay: 400,
						onShow: function(toolTipElement){
							toolTipElement.fade(1);
						},
						onHide: function(toolTipElement){
							toolTipElement.fade(0);
						}
					});
				},
				update: $('contenu')
			}).send();
		}
	});

	$(document.body).getElements('input.trmooquoi').addEvents({
		'click': function(){
			$$('div.vignette img').fade('out');
			var SID = $('sid').get('value');
			var IP = $('ip').get('value');
			var checked = $$('input:checked');
			
			var valeurQuoi = '';
			checked.each(function(item) {
				if(item.value!='*') {
					valeurQuoi += item.value + ',';
				}
				else {
					valeurQuoi = '*';
					//$$('input:checked').set('checked', false);
					$('quoi_t').set('checked', true);
				}
			});
			var activite = $('activite').value;
			var req = new Request.HTML({
				evalResponse: true,
				evalScripts: true,
				method: 'post',
				url: 'choix_ajax.php',
				//url: $('go').get('href'),
				data: { 'quoi' : valeurQuoi, 'activite': activite, 'sid': SID, 'ip': IP },
				onRequest: function() {
					$('contenu').innerHTML='<p><img src="assets/images/ajax-loader.gif" width="66" height="66" style="margin:350px 0 0 272px" /></p>'; 
				},
				onComplete: function() {
					$$('div.vignette img').set('opacity',0.7);
					$(document.body).getElements('div.vignette').addEvents({
						'mouseover': function(){
							this.getElement('img').fade(1);
						}
					});
				
					$(document.body).getElements('div.vignette').addEvents({
						'mouseout': function(){
							this.getElement('img').fade(0.7);
						}
					});
					// tooltips
					$$('a.link_vignette').each(function(element,index) {
						var content = element.get('title').split('::');
						element.store('tip:title', content[0]);
						element.store('tip:text', content[1]);
					});
					var tipz = new Tips('.link_vignette',{
						className: 'tip_beapi',
						fixed: false,
						hideDelay: 0,
						showDelay: 400,
						onShow: function(toolTipElement){
							toolTipElement.fade(1);
						},
						onHide: function(toolTipElement){
							toolTipElement.fade(0);
						}
					});
				},
				update: $('contenu')
			}).send();
		}
	});

	$(document.body).getElements('input.moocomb').addEvents({
		'click': function(){
			$$('div.vignette img').fade('out');
			var SID = $('sid').get('value');
			var IP = $('ip').get('value');
			var valeurComb = this.value;
			var activite = $('activite').value;
			var req = new Request.HTML({
				evalResponse: true,
				evalScripts: true,
				method: 'post',
				url: 'choix_ajax.php',
				//url: $('go').get('href'),
				data: { 'comb' : valeurComb, 'activite': activite, 'sid': SID, 'ip': IP },
				onRequest: function() {
					$('contenu').innerHTML='<p><img src="assets/images/ajax-loader.gif" width="66" height="66" style="margin:350px 0 0 272px" /></p>'; 
				},
				onComplete: function() {
					$$('div.vignette img').set('opacity',0.7);
					$(document.body).getElements('div.vignette').addEvents({
						'mouseover': function(){
							this.getElement('img').fade(1);
						}
					});
				
					$(document.body).getElements('div.vignette').addEvents({
						'mouseout': function(){
							this.getElement('img').fade(0.7);
						}
					});
					// tooltips
					$$('a.link_vignette').each(function(element,index) {
						var content = element.get('title').split('::');
						element.store('tip:title', content[0]);
						element.store('tip:text', content[1]);
					});
					var tipz = new Tips('.link_vignette',{
						className: 'tip_beapi',
						fixed: false,
						hideDelay: 0,
						showDelay: 400,
						onShow: function(toolTipElement){
							toolTipElement.fade(1);
						},
						onHide: function(toolTipElement){
							toolTipElement.fade(0);
						}
					});
				},
				update: $('contenu')
			}).send();
		}
	});

	/* ******************************* */
	/* 				Autres	 		   */
	/* ******************************* */
		/* Vérification du format des images postées en modif et ajout activité dans PRO */
		var verifExt = function() {
			var validExt = Array('gif', 'png', 'jpg', 'jpeg', 'GIF', 'PNG', 'JPG', 'JPEG');
			var toTest = $$('input[name^=photo]');
			var cpt = cpvalid = 0;
			$('verif_ext').addEvent('click', function(e) {
				e.stop();
				toTest.each(function(item) {
					var picture = (item.get('value')!="")? item.get('value') : '';
					if(picture) {
						cpt++;
						var extPos = picture.lastIndexOf('.');
						var ext = picture.substr(extPos+1, picture.length);
						if(validExt.contains(ext)) cpvalid++;
						else {
							alert('L\'extension "' + ext + '" de l\'image de "' + item.getPrevious('label').get('text') + '" est incorrecte. \n Veuillez choisir vos images dans un des formats suivants : \n gif, png, jpg ou jpeg' );
							return false;
						}
					}
				});
				//alert('La modification est temporairement désactivée pour maintenance');
				var form = $('verif_ext').getParent('form');
				if(cpvalid==cpt) form.submit();
				//alert('débug: ' + cpvalid + ' / ' + cpt);
			});
		}
		
		if( $('verif_ext') ) verifExt();
	

	
		/* Gestion opacité survol vignette (cf. ajax fonctions) */
		$$('div.vignette img').set('opacity',0.7);
		$(document.body).getElements('div.vignette').addEvents({
			'mouseover': function(){
				this.getElement('img').fade(1);
			}
		});
	
		$(document.body).getElements('div.vignette').addEvents({
			'mouseout': function(){
				this.getElement('img').fade(0.7);
			}
		});
		
	
	
		/* Console debug => close */
		if($('close_debug')) {
			$('close_debug').addEvent('click', function(){
				$('ajax_resultat').setStyle('visibility', 'hidden');
				$('close_debug').setStyle('visibility', 'visible');
			});
		}
	
		/* Console debug => show */
	
		Element.Events.shiftclick = {
			base: 'click', //we set a base type
			condition: function(event){ //and a function to perform additional checks.
				return (event.shift == true); //this means the event is free to fire
			}
		};
		 
		if($('close_debug')) {
			$('close_debug').addEvent('shiftclick', function(event){
				$('ajax_resultat').setStyle('visibility', 'visible');
			});
		}
	




/* Slide admin => non-fonctionnel*/
	//var myVerticalSlide = new Fx.Slide('clients_list');
/*	$('client_toggle').addEvent('click', function(){
		new Fx.Slide('clients_list').toggle();
	});
*/



});


/* ------------------------------------------------------------------------------------ */

function changeImg(cible, par) {
	var picture = document.getElementById(cible);
	picture.innerHTML = '<img src="assets/img/' + par + '" width="450" height="300" />'; 
}

/* ------------------------------------------------------------------------------------ */
	/*// Fadein / out 
	function opacity(id, opacStart, opacEnd, millisec) {
		//speed for each frame
		var speed = Math.round(millisec / 100);
		var timer = 0;
		
		//determine the direction for the blending, if start and end are the same nothing happens
		if(opacStart > opacEnd) {
			for(i = opacStart; i >= opacEnd; i--) {
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		} else if(opacStart < opacEnd) {
			for(i = opacStart; i <= opacEnd; i++) {
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		}
	}

	//change the opacity for different browsers
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style;
		if (object.opacity) 		{object.opacity = (opacity / 100);}
		if (object.MozOpacity) 		{object.MozOpacity = (opacity / 100)};
		if (object.KhtmlOpacity) 	{object.KhtmlOpacity = (opacity / 100)};
		//if (object.filter) 			{object.filter = "alpha(opacity=" + opacity + ")"};
	} 

	function shiftOpacity(id, millisec) {
		//if an element is invisible, make it visible, else make it ivisible
		if(document.getElementById(id).style.opacity == 0) {
			opacity(id, 0, 100, millisec);
		} else {
			opacity(id, 100, 0, millisec);
		}
	} 

// Masquage de 1 ou plusieurs elements de type blocs => passer les id en parametres
	function hide() {
		for (var i=0; i<arguments.length; i++ ) {
			if ( document.getElementById(arguments[i]) ){
				document.getElementById(arguments[i]).style.visibility = 'hidden';
				document.getElementById(arguments[i]).style.height = 0;
			}
		}
	}*/


function validate() {
	var societe = document.getElementById('societe').value;
	var nom = document.getElementById('nom').value;
	var prenom = document.getElementById('prenom').value;
	var adresse = document.getElementById('adresse').value;
	var cp = document.getElementById('cp').value;
	var ville = document.getElementById('ville').value;
	var pays = document.getElementById('pays').value;
	var tel = document.getElementById('tel').value;
	var email = document.getElementById('email').value;
	
	if(societe.length==0) { alert("Champ société vide !"); return false; }
	else if(nom.length==0){ alert("Champ nom vide !"); return false; }
	else if(prenom.length==0){ alert("Champ preénom vide !"); return false; }
	else if(adresse.length==0){ alert("Champ adresse vide !"); return false; }
	else if(cp.length==0){ alert("Champ code postal vide !"); return false; }
	else if(ville.length==0){ alert("Champ ville vide !"); return false; }
	else if(pays.length==0){ alert("Champ pays vide !"); return false; }
	else if(tel.length==0){ alert("Champ téléphone vide !"); return false; }
	else if(email.length==0){ alert("Champ email vide !"); return false; }
	else { return true;	}
}


function verif_pass2() {
	var pass2 = document.getElementById('pass2');
	var pass = document.getElementById('pass');
	var verif = document.getElementById('verif');
	var sub_valid = document.getElementById('sub_valid');
	
	
	if( pass2.value!=pass.value){
		//verif.innerHTML='Différent';
		sub_valid.disabled=true;
	}
	else {
		//verif.innerHTML='Ok';
		sub_valid.disabled=false;
	}
}


 //Aperçu des images 
function bigger(id){
	cible=document.getElementById(id);
	cible.style.position='absolute';
	cible.style.width='100px';
	cible.style.height='100px';
	cible.style.marginTop='-80px';
	cible.style.zIndex=100;
	cible.parentNode.style.width='77px';
	cible.parentNode.style.paddingRight='33px';
	
}

function smaller(id){
	cible=document.getElementById(id);
	cible.style.position='relative';
	cible.style.width='20px';
	cible.style.height='20px';
	cible.style.marginTop='0';
	cible.style.zIndex=50;
	cible.parentNode.style.width='100px';
	cible.parentNode.style.paddingRight='10px';
}