/*
@author:		César Ebrat
@contact:		info@xtwebs.com
@organization:	xtwebs.com
@since:			October 2009
*/
var addthis_config = {
    ui_language: language
}

jQuery(function() {
	
		jQuery("form .btn").button();
	
		if (jQuery.query.has("thanks")){
			jQuery("form").hide();
            var message = {
                "ca":"<p>Gracies per enviar la seva consulta en breu ens posarem en contacte amb vosté.</p>",
                "es":"<p>Gracias por enviar su consulta en breve nos podremos en contacto con usted.</p>"
            }
			jQuery("form").parent().html(message[language]);
		}

		loadMap = function() {

		  google.load("maps", "2.x", {
			  "language" : language,
			  "callback" : mapsLoaded
		  });
		}
		
		var streetViewObject;

		function handleNoFlash(errorCode) {
		  if (errorCode == 603) {
			//alert("Error: Es necesario tener Flash instalado para poder visualizar el mapa.");
			return;
		  }
		} 

		mapsLoaded = function () {
		  // Call this function when the page has been loaded
			var map = new google.maps.Map2(document.getElementById("map"));
			map.setUIToDefault();
			var latlang = new GLatLng(41.37313734750734,2.140231132507324);
			map.setCenter(latlang, 16);
			map.disableScrollWheelZoom();
			var marker = new GMarker(latlang);			
			map.addOverlay(marker);
			 GEvent.addListener(marker, "click", function() {			 		
	        marker.openInfoWindowHtml("<font face='Verdana, Arial, Helvetica, sans-serif' color='' style='font-weight:bold; font-size:10px;'>SERGIO EBRAT ABOGADOS<br>Tel.: 93 298 16 82<br>Fax.: 93 298 16 83<br>Móvil: 609 15 21 04<br>BARCELONA 08014<br>Servicio 24 h. 365 días al año</font><p><a href='javascript:;' onclick='streetViewClick();return false;'>Street View</a></p>");
	      });	    
			marker.openInfoWindowHtml("<font face='Verdana, Arial, Helvetica, sans-serif' color='' style='font-weight:bold; font-size:10px;'>SERGIO EBRAT ABOGADOS<br>Tel.: 93 298 16 82<br>Fax.: 93 298 16 83<br>Móvil: 609 15 21 04<br>BARCELONA 08014<br>Servicio 24 h. 365 días al año</font><p><a href='javascript:;' onclick='streetViewClick();return false;'>Street View</a></p>");
			var myPOV = {yaw:-100};
		  	streetViewObject = new GStreetviewPanorama(document.getElementById("street-view"), {
				latlng: new GLatLng(41.373151,2.140298),
				pov: myPOV
			});
			GEvent.addListener(streetViewObject, "error", handleNoFlash);
		}

		// Process the click on a link to see street view
		streetViewClick = function () {			
			jQuery("#map").hide();
			jQuery("#street-view-container").fadeIn('slow');						
		}

		// Process the click on a link to close window street view
		jQuery(".close").click( function() {
			jQuery("#street-view-container").hide();
			jQuery("#map").fadeIn('slow');
		})
		
		jQuery("#tabs").tabs({
			cookie: {expires: 30},
			//path: '/', domain: 'sergioebrat.com', secure: true}
			select: function (event, ui){
				jQuery("#tabs").tabs('option', 'cookie', { expires: 30 });
				if(ui.index == 5) jQuery("input[name='FieldData0']").focus();
			},
            load: function (event, ui) {
				
				switch(ui.index){
					case 0:
						break;
					case 1:
						break;
					case 2:
						break;
					case 3:
						jQuery("#accordion").accordion({
							autoHeight: false
						});  
						break;						
					case 4:
						loadMap();
						break;
					case 5:
						jQuery("input[name='FieldData0']").focus();
						break;						
				}

           },
           show: function (event, ui){	
					  
				switch(ui.index){
					case 0:
						break;
					case 1:
						break;
					case 2:
						break;
					case 3:
						jQuery("#accordion").accordion({
							autoHeight: false		
						});
						break;						
					case 4:
						loadMap();
						break;
					case 5:
						jQuery("input[name='FieldData0']").focus();
						break;
					}           
        }
		});
		
		jQuery(".aviso").dialog({
			autoOpen: false,
			height: 320,
			resizable: false,
			modal: true,
			width: 500
		});
		
		jQuery(".motobig").dialog({
			autoOpen: false,
			height: 530,
			resizable: false,
			modal: true,
			width: 680
		});
		
		jQuery(".header .dialogbike .linkmoto, .header .dialogbike .vermoto").click( function () {
			jQuery(".motobig").dialog("open");
			pageTracker._trackPageview("bike");
		})
		
		jQuery(".openav").click( function () {
			jQuery(".aviso").dialog("open");
			pageTracker._trackPageview("advice");
		});

		jQuery(".content .presslink").click( function() {
			pageTracker._trackPageview("presslink");
		});
		
		jQuery(".contact-link").click( function () {
			jQuery("#tabs").tabs("select", 5);
			jQuery("input[name='FieldData0']").focus();
		});


		//Form validation		
		jQuery("form").submit(function () {

			jQuery(".error-list").hide().html('');
			
			message = [];
			
			if(jQuery("input[name='FieldData0']").val()==''){
				message.push("Debe rellenar el campo Nombre");
			}
			
			if(jQuery("input[name='FieldData1']").val()==''){
				message.push("Debe rellenar el campo Email");
			}else{
				var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
				if(!emailPattern.test(jQuery("input[name='FieldData1']").val())){
					message.push("Por favor inserte una dirección de correo valida");	
				}
			}
			
			if(jQuery("input[name='FieldData2']").val()==''){
				message.push("Debe rellenar el campo Teléfono");
			}else{
				var phonePattern= /\d{9}/;
				if(!phonePattern.test(jQuery("input[name='FieldData2']").val())){
					message.push("Por favor inserte un número de télefono válido sin espacios");	
				}
			}
			
			if(jQuery("input[name='FieldData3']").val()==''){
				message.push("Debe rellenar el campo Asunto");
			}
			
			if(jQuery("textarea[name='FieldData4']").val()==''){
				message.push("Debe rellenar el campo Consulta");
			}else{
				if(jQuery("textarea[name='FieldData4']").val().length < 60 ){
					message.push("El campo Consulta debe ser más extenso");
				}
			}
			
			if(message.length > 0){
				html = [];
				html.push("<ul>");
				for(i=0;i<message.length;i++){
					html.push("<li>" + message[i] + "</li>");
				}
				html.push("</ul>");
				jQuery(".error-list").html(html.join("\n")).fadeIn("slow");
				return false;
			}else{			
				return true;
			}
		});

});
