/*-----------------------------------------------------------------------------------------------*/
//
// Copyright (c) 2009 Agence Clark (http://www.agence-clark.com)
//
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
// Init Page
/*-----------------------------------------------------------------------------------------------*/
Event.observe(window, 'load', function(){
	//-- Rollover Input Image --//
	RollOverImage();
	focusInput();
	$$('.pied2 .ligne').each(function(e,i){
		hauteurRub('.pied2 .ligne .col');
	});
	if($('fiche_agence')){
		mapGeo();
	}
	if($('liste_agence')){
		var w = $$('.cont_pagination')[0].getWidth()+'px';
		$$('.cont_pagination')[0].setStyle({
			float:'none',
			width : w
		});
	}
	if($('carte_dept')){
		$('carte_dept').insert({bottom:'<div id="etiquette"></div>'});
		$('etiquette').hide();
		$$('#carte_dept area').each( function(e,i){
			Event.observe(e,'mouseout',function(){
				Event.stopObserving(document,'mousemove',coordMouse);
				pX=0;
				pY=0;
				$('etiquette').hide();
			});
			Event.observe(e,'mouseover',function(){
				$('etiquette').show();
				$('etiquette').update(e.alt);
				Event.observe(document,'mousemove',coordMouse);				
			});
		});
	}

});

/*-----------------------------------------------------------------------------------------------*/
// Fonctions
/*-----------------------------------------------------------------------------------------------*/
var coordMouse = function(e){
	pX = Event.pointerX(e);
	pY = Event.pointerY(e);
	w = $('etiquette').getWidth()/2;
	$('etiquette').setStyle({display:'block', top:pY-40+'px', left:pX-w+'px'});
};
var hauteurRub = function(rule){
	var tab = new Array();
	$$(rule).each(function(e,i){
		tab.push(e.getHeight() - e.getStyle('padding-top').substr(0,e.getStyle('padding-top').length-2) - e.getStyle('padding-bottom').substr(0,e.getStyle('padding-top').length-2));
	});
	$$(rule).each(function(e,i){
		e.style.height = tab.max()+'px';
	});
};
var mapGeo = function() {
	map = null;
	gc = new GClientGeocoder();
	gc.getLatLng($F('adresse'),function(cb){
		point = new GLatLng(cb.y,cb.x);
		myPov = {
			yaw:0,
			pitch:0,
			zoom:0
		};
		sv = new GStreetviewClient();
		sv.getNearestPanorama(point,function(callback){
			if(callback.code == 200){
				$("carte").insert({bottom:'<div id="streetview"></div>'});
				creerBoutons({streetview:true});
				panoOptions = { latlng:point, pov:myPov};
				pano = new GStreetviewPanorama($("streetview"), panoOptions);
			}else{
				creerBoutons({streetview:false});
			}
		map = new GMap2($("gmap"));
		map.addControl(new GLargeMapControl3D());
		var marker = new GMarker(point);
		map.setCenter(point, 15);
		map.addOverlay(marker);	});		
	})

};
var creerBoutons = function(bt){
	$("carte").insert({top:'<div id="bt_map"></div>'});
	$("bt_map").insert({bottom:'<a href="javascript:void(0)" id="bt_plan" class="bt_map on">Plan</a>'});
	$("bt_map").insert({bottom:'<a href="javascript:void(0)" id="bt_mixte" class="bt_map">Mixte</a>'});
	$("bt_map").insert({bottom:'<a href="javascript:void(0)" id="bt_satelite" class="bt_map">Satellite</a>'});
	
	if(bt.streetview == true){
		$("bt_map").insert({bottom:'<a href="javascript:void(0)" id="bt_streetview" class="bt_map on">StreetView</a>'});
		changeCss($('bt_streetview'));		
		Event.observe('bt_streetview','click',function(){
			changeCss(this);							   
			$('streetview').show();
			$('gmap').setStyle({height:'0'});
		});
	}

	Event.observe('bt_satelite','click',function(){
		changeCss(this);							   
		if($('streetview')){
			$('streetview').hide();
		}
		$('gmap').setStyle({height:'410px'});
		map.setMapType(G_SATELLITE_MAP);
	});
	
	Event.observe('bt_mixte','click',function(){
		changeCss(this);							   
		if($('streetview')){
			$('streetview').hide();
		}
		$('gmap').setStyle({height:'410px'});
		map.setMapType(G_HYBRID_MAP);
	});
	
	Event.observe('bt_plan','click',function(){
		changeCss(this);							   
		if($('streetview')){
			$('streetview').hide();
		}
		$('gmap').setStyle({height:'410px'});
		map.setMapType(G_NORMAL_MAP);
	});
};
var changeCss = function(bt){
	$$("#bt_map a").each(function(e){
		e.removeClassName("on");
	});
	bt.addClassName("on");
};
var frmContact = function(){
	param_form = { mep: 'msg_champ', autoScroll: false, action: 'submit'};
	champs_form = {
		nom: {alerte:'Votre nom est obligatoire.'},
		email: {type:'mel', alerte:'Merci de renseigner un email valide.'},
		message: {alerte:'Votre message est obligatoire.'}
	};
	return formVerif('frm_contact', champs_form, param_form);
};
var frmNewsletter = function(){
	param_form = { mep: 'msg_champ', autoScroll: false, action: 'submit'};
	champs_form = {
		email_newsletter: {type:'mel',alerte:'Email obligatoire.'}
	};
	var res = formVerif('frm_newsletter', champs_form, param_form);
	if(res){
		new Ajax.Request('./_ajax.php?ACT=newsletter',{
			parameters: Form.serialize($('frm_newsletter')),
			onComplete: function(requester){
				if(requester.responseText == "true"){
					$('frm_newsletter').hide();
					$('frm_newsletter').insert({before:'<div class="conf" id="conf_newsletter"><div class="b_conf"><p><strong>Merci,</strong> vous serez avertis en avant-premi&egrave;re de la mise en ligne de prestige-et-charme.com</p></div></div>'});
					window.setTimeout(function(){
						new Effect.Fade('conf_newsletter',{duration:0.3, afterFinish:
							function(){
								$('conf_newsletter').remove();
								$('frm_newsletter').show();
							}
						});
					},3000);
				} else {
					$('frm_newsletter').hide();
					$('frm_newsletter').insert({before:'<div class="conf" id="erreur_newsletter"><div class="b_conf"><p class="erreur"><strong>Attention, une erreur s\'est produite,</strong> v&eacute;rifiez vos donn&eacute;es ou r&eacute;essayer ult&eacute;rieurement.</p></div></div>'});
					window.setTimeout(function(){
						new Effect.Fade('erreur_newsletter',{duration:0.5, afterFinish:
							function(){
								$('erreur_newsletter').remove();
								$('frm_newsletter').show();															
							}
						});
					},3000);
				}
			}
		});
	}
	return false;
};
var frmConcours = function(){
	param_form = { mep: 'msg_champ', autoScroll: false, action: 'submit'};
	champs_form = {
		nom: {alerte:'Nom obligatoire.'},
		prenom: {alerte:'Pr&eacute;nom obligatoire.'},
		email: {type:'mel', alerte:'Email obligatoire.'}
	};
	var res = formVerif('frm_concours', champs_form, param_form);
	/*if(res){
		new Ajax.Request('./_ajax.php?ACT=concours',{
			parameters: Form.serialize($('frm_concours')),
			onComplete: function(requester){
				if(requester.responseText == "true"){
					$('frm_concours').update('<div class="confirmation"><h5>Confirmation de l\'inscription</h5><p>Merci, vous &ecirc;tes d&eacute;sormais inscrit &agrave; notre Grand Concours.<br /><br />Vous pouvez <strong>augmenter vos chances de gagner</strong> en parrainant vos amis en <a href="concours_8.php#chances">remplissant le formulaire ci-dessous</a>.</p><div>');
				}
				else {
					$('frm_concours').update('<div class="erreur"><h5>Une erreur s\'est produite</h5><p>Merci de r&eacute;essayer ult&eacute;rieurement.</p><div>');
				}
			}
		});
	}
	return false;*/
	return res;
};
var frmParrainage = function(){
	param_form = { mep: 'msg_champ', autoScroll: false, action: 'submit'};
	champs_form = {
		email_maj: {type:'mel', alerte:'Votre email d\'inscription est obligatoire.'}
	};
	return formVerif('frm_parrainage', champs_form, param_form);
};