$(document).ready(function() {
	$('.vignette').click(selectVignette);
	$(".btEnvoyer").click(valide);
	$(".btValider").click(valide2);
	$(".btEnvoyerAmi").click(valideAmi);
	$("#commentaires").switchtext({outText:"experienceHTML"});
	initialize();
});
function selectVignette() {
	var randomnumber=Math.floor(Math.random()*$('#limit').val());
	$('.slideshow').cycle({
		fx: 'shuffle',
		speed:90,
	    timeout:250,
	    autostop: 1,
   		autostopCount:   randomnumber,
   		before: setAleatoire,
   		end: submitAleatoire
	});
}
function setAleatoire() {
	var id = $(this).attr("id");
	$('#idAleatoire').val(id);
}
function submitAleatoire() {
	$('#frmAleatoire').submit();
}

function valide(){
	var erreur = false;
	
		if($("input[name='civ']:checked").length==0){
			erreur = true;
			$("label[for='civ']").addClass("erreur");
		}
		else
			$("label[for='civ']").removeClass("erreur");
			
		if($("#prenom").val()=="")
		{
			erreur = true;
			$("label[for='prenom']").addClass("erreur");
		}
		else
			$("label[for='prenom']").removeClass("erreur");
			
		/*if($("#nom").val()=="")
		{
			erreur = true;
			$("label[for='nom']").addClass("erreur");
		}
		else
			$("label[for='nom']").removeClass("erreur");	*/
			
		if(!validateEmail($("#email").val()))
		{
			erreur = true;
			$("label[for='email']").addClass("erreur");
		}
		else
			$("label[for='email']").removeClass("erreur");	
		if($("#ville").val()=="")
		{
			erreur = true;
			$("label[for='ville']").addClass("erreur");
		}
		else
			$("label[for='ville']").removeClass("erreur");
		
	if(erreur)
		$("#erreur").text("Merci de remplir tous les champs obligatoire.");
	else
		$("#frmCommentaire").submit();
}

function valideAmi(){
	var erreur = false;
			
		if(!validateEmail($("#email").val()))
		{
			erreur = true;
			$("label[for='email']").addClass("erreur");
		}
		else
			$("label[for='email']").removeClass("erreur");	
						
		if(!validateEmail($("#emailDest").val()))
		{
			erreur = true;
			$("label[for='emailDest']").addClass("erreur");
		}
		else
			$("label[for='emailDest']").removeClass("erreur");	
		
	if(erreur)
		$("#erreur").text("Merci de remplir tous les champs obligatoire.");
	else
		$("#frmAmi").submit();
}

function valide2(){
	var erreur = false;
	
		if($("input[name='question2']:checked").length==0){
			erreur = true;
			$("label[for='question2']").addClass("erreur");
		}
		else
			$("label[for='question2']").removeClass("erreur");
			
		if($("input[name='question1']:checked").length==0){
			erreur = true;
			$("label[for='question1']").addClass("erreur");
		}
		else
			$("label[for='question1']").removeClass("erreur");
		
	if(erreur)
		$("#erreur2").text("Merci de répondre au questionnaire avant de valider.");
	else
		$("#miniQuizz").submit();
}

function validateEmail(email) {
	   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;   
	   if(reg.test(email) == false) {     
	      return false;
	   }
	   return true;
	}


var map = null;    
var geocoder = null;
var directionsPanel;
var directions = null;
var waypoints=[];
var lesMarker = new Array();
var imprimer = true;
var site = "http://www.experiencestouristiques.fr";
 function initialize() {
     if (GBrowserIsCompatible()) {
     	var idCollection = $('#idCollection').val();
     	var longitude = $('#longitude').val();
     	var latitude = $('#latitude').val();
		map = new GMap2(document.getElementById("map_canvas")); 		
		map.setCenter(new GLatLng(latitude,longitude), 9);		
		map.addControl(new GLargeMapControl3D());
		map.addControl(new GMapTypeControl());
		map.addControl(new GOverviewMapControl());
	    GDownloadUrl(site+"/cartepostal/ajax.php?experiences="+idCollection,afficher);
		geocoder = new GClientGeocoder();
     }
   }
 
 function afficher(data,responseCode) { 		 
     var xml = GXml.parse(data);        
     var placemarks = xml.documentElement.getElementsByTagName("Placemark");     
     for(var i = 0; i < placemarks.length; i++) {   
     	var image = placemarks[i].getElementsByTagName("icon")[0].firstChild.nodeValue;     	
         var point = placemarks[i].getElementsByTagName("Point")[0];
         var coords = point.getElementsByTagName("coordinates")[0].firstChild.nodeValue;
         coords = coords.split(",");
         var titre = placemarks[i].getElementsByTagName("name")[0].firstChild.nodeValue;
         var description = placemarks[i].getElementsByTagName("description")[0].firstChild.nodeValue;
         var point = new GPoint(parseFloat(coords[0]), parseFloat(coords[1]));
         var icon = new getIcon(image);    
         var marker = createMarker(point, description,icon,titre);           
         lesMarker.push(marker);  
         try {  map.addOverlay(marker); } catch (e) { alert(titre); } 
     }   
         
 }
 function getIcon(image){
 	var icon = new GIcon();   
 	icon.image = site+"/cartepostal/images/"+image;       
     icon.iconSize = new GSize(21,21);        
     icon.iconAnchor = new GPoint(10,10);
     icon.infoWindowAnchor = new GPoint(10,10);
     return icon;
 }
  function createMarker(point,text,icone,titre) {
     var marker = new GMarker( point,{icon: icone,title: titre,zIndexProcess:function(marker,b) {return 1;}});
     GEvent.addListener(marker, "click", function() {       
         marker.openInfoWindowHtml(text);                    
     }); 

     return marker;
 }