// Precargamos funciones y librerias necesarias
google.load("jquery", "1.4");
google.load("swfobject", "2.2");
if(Area == 7){
	google.load("maps", "2");
}
if(Area == 2){
	google.load('visualization', '1', {packages: ['corechart']});
}
/*google.load("search", "1");*/
/*google.load("jqueryui", "1.7.2");*/


// Gestionamos los eventos
google.setOnLoadCallback(function(){
	
	/*$(".menu li:eq(6) a").css("border-right","none !important");*/
	  
	//|||Mofificamos la Visualizacion|||//
	
	//|||Activamos los flash los flash|||//
	swfobject.embedSWF("/img/alas_comunica2010.swf", "bannerFlash", "214", "462", "10.0.0");
	
	//Cargamos la animacion de la botonera
	$.getScript("/js/lavalamp/lava.js", 
	function() { 
		$(".menu").lavaLamp({
		fx: "backout",
		speed: 700
		});
	});
	
	//Cargamos Shadobox solo en las siguientes paginas
		if(Area == 3 || Area == 4 || Area == 5 || Area == 6){
        
		//Cargamos shadowbox
		$("head").append("<link>");
			css = $("head").children(":last");
			css.attr({
			rel: "stylesheet",
			type: "text/css",
			href: "/js/shadowbox/shadowbox.css"
		});
		$.getScript("/js/shadowbox/shadowbox.js", function() { Shadowbox.init({overlayOpacity: "0.6"});}); }
	
	
	
	//|||Epesificos por pagina|||//
	if(Area == 2){//Que podemos ofrecerte
		
		//movemos la sombra de la botonera
        	$('.menu li:eq(1)').trigger('click');
        	
		//Creamos los datos para generar el grafico
		var data = new google.visualization.DataTable();
		
		var raw_data = [['Usuarios', 3100000, 4195000, 5400000, 6940000, 8940000, 13940000, 17940000, 24940000]];
		var years = [2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012];
		
		data.addColumn('string', '&#164;');
		for (var i = 0; i  < raw_data.length; ++i) {
		data.addColumn('number', raw_data[i][0]);    
		}
		
		data.addRows(years.length);
		
		for (var j = 0; j < years.length; ++j) {    
			data.setValue(j, 0, years[j].toString());    
		}
		for (var i = 0; i  < raw_data.length; ++i) {
			for (var j = 1; j  < raw_data[i].length; ++j) {
				data.setValue(j-1, i+1, raw_data[i][j]);    
			}
		}
		
		// Create and draw the visualization.
		google.visualization.backgroundColor = 'red';
		new google.visualization.ColumnChart(document.getElementById('visualization')).
		draw(data,
		{title:"Evolucion y proyeccion de Internet",
		width:600, height:360,
		hAxis: {title: ""}}
		);
	}else if(Area == 3){
	//movemos la sombra de la botonera
        	$('.menu li:eq(2)').trigger('click');
	}else if(Area == 4){
	//movemos la sombra de la botonera
        	$('.menu li:eq(3)').trigger('click');
	}else if(Area == 5){
	//movemos la sombra de la botonera
        	$('.menu li:eq(4)').trigger('click');
	}else if(Area == 6){
	//movemos la sombra de la botonera
        	$('.menu li:eq(5)').trigger('click');
	}else if(Area == 7){//Contacto
		//movemos la sombra de la botonera
        	$('.menu li:eq(6)').trigger('click');
        	
		//Cargamos el mapa
		if(GBrowserIsCompatible()) {
			
			var map = new GMap2(document.getElementById("mapa"));
			var latitud = "40.366490";
			var longitud = "-3.773411";
			
			map.setMapType(G_HYBRID_MAP);
			map.setCenter(new GLatLng(latitud, longitud), 16);
			
			//Agregamos control de zoom modificado
			var topRight = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,50));
			map.addControl(new GSmallMapControl(), topRight);
			
			//Convertimos la imagen en un punto de google maps
			var blueIcon = new GIcon(G_DEFAULT_ICON);
			blueIcon.image = "http://www.alascomunica.com/puntoMap.png";
			blueIcon.shadow = "";
			blueIcon.iconSize = new GSize(75, 85);
			markerOptions = { icon:blueIcon };
			
			//Establecemos la ubicacion y creamos el punto
			latitud = "40.367600";
			longitud = "-3.773611";
			var point = new GLatLng(latitud, longitud);
			map.addOverlay(new GMarker(point, markerOptions));

		}
		
		//Controlamos el formulario
		$("#Enviar").click(function(){
			
			if($("#nombre").val() == ""){
					alert("El campo nombre es un campo obligatorio");
					return false;
			}else if($("#telefono").val() == ""){
					alert("El campo Telefono es un campo obligatorio");
					return false;
			}else if($("#email").val() == ""){
					alert("El campo Email es un campo obligatorio");
					return false;
			}else if($("#comentario").val() == ""){
					alert("El campo Comentario es un campo obligatorio");
					return false;
			}else {
				$("#fContacto").submit();
			}
		});
	}
});

//Ejecutamos funciones opcionales
//Google Analytics
var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-3703405-17']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
