var mov = false;
var pulsado = false;
var pulsa = false;
var velocidad = 1200;
var arrayhash = ["red-inteligente","numeracion-geografica","telefonia-videotelefonia-ip","grabacion-conversaciones","marcacion-predictiva","clicktocall","faxtomail","mensajeria-sms","sms-certificado","backup-online"];
var t;

$(document).ready(function(){
	$(".icos").click(function(){
		cargarProductos($(this).attr("id"));
		return false;
	});
	$(".volver").live("click",function(e){
		if($("#listado_pro").is(":hidden")&&(mov == false)&&(pulsado == false)){
			volverPortada();
		}
		return false;
	});
	$(".list_icos").live("click",function(e){
		if(mov == false){
			cambiarMini($("#carga_pro").children(":visible").attr("id"),$(this).attr("id"));
		}
		return false;
	});
	
	$("#sobre").click(function(e){
		if((pulsado == false)&&(mov == false)){
			pulsado = true;
			$(".menu a").removeClass("selec");
			cargarSecciones();
			$(this).addClass("selec");
		}
			return false;
	});
	$(".siguiente").live("click",function(e){
		if(mov == false){
			cambiarSlide($(this).parent().parent().find("#carga_pro").children(":visible").attr("id"),1);
		}
		return false;
	});
	$(".anterior").live("click",function(e){
		if(mov == false){
			cambiarSlide($(this).parent().parent().find("#carga_pro").children(":visible").attr("id"),2);
		}
		return false;
	});

	$(".enlace_legal").live("click",function(e){
		$('.legal').slideToggle();
		return false;
	});
	$(".lista").append("<li class='call_c borde_der'><a href='#' class='azul right vol'>cancelar</a><a id='desp_form' class='left tit_cont azul callto' href='#'>Te llamamos<br> nosotros</a><div class='form_call'><div id='clicktocall' style='width:178px; height:70px;'>Cargando...</div></div></li>");
	
	$(".call_c").live("click",function(e){
		if(pulsa == false){
			pulsa = true;
			$("#desp_form").slideUp();
			$(".form_call").slideDown();
			$(".vol").show();
			$(".borde_der").css("width","225px");
			$(".contacto").css("width","570px");
		}else{
			pulsa = false;
			$(".form_call").slideUp("fast");
			$("#desp_form").slideDown("fast");
			$(".vol").hide("fast");
			cambiarc2c();
			$(".borde_der").css("width","120px");
			$(".contacto").css("width","500px");
		}
		return false;
	});
	$.history.init(function (hash) {
		if((hash == "portada")) {
			volverPortada();
		} else{ 
			switch (hash) {
			case "red-inteligente":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico1");
				  }else{
					  cargarProductos("ico_1");
				  }
				break;
			case "numeracion-geografica":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico2");
				  }else{
					  cargarProductos("ico_2");
				  }
				break;
			case "telefonia-videotelefonia-ip":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico3");
				  }else{
					  cargarProductos("ico_3");
				  }
				break;
			case "grabacion-conversaciones":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico4");
				  }else{
					  cargarProductos("ico_4");
				  }
				break;
			case "marcacion-predictiva":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico5");
				  }else{
					  cargarProductos("ico_5");
				  }
				break;
			case "clicktocall":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico6");
				  }else{
					  cargarProductos("ico_6");
				  }
				break;
			case "faxtomail":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico7");
				  }else{
					  cargarProductos("ico_7");
				  }
				break;
			case "mensajeria-sms":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico8");
				  }else{
					  cargarProductos("ico_8");
				  }
				break;
			case "sms-certificado":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico9");
				  }else{
					  cargarProductos("ico_9");
				  }
				break;
			case "backup-online":
				if($("#carga_pro").is(":visible")){
						cambiarMini($("#carga_pro").children(":visible").attr("id"),"ico10");
				  }else{
					  cargarProductos("ico_10");
				  }
				break;
			case "sobrenosotros":
				if($("#carga_secciones").is(":visible")){
				  }else{
					  cargarSecciones();
				  }
				break;
			default:
				break;
			}
			return false;
		}
	});
	$('.fadein').live({
		mouseenter: function(){
			var fade = $('.hover', this);
			fade.css("display","block");
			fade.stop().fadeTo(500, 1);
	       },
	      mouseleave: function(){
	  		var fade = $('.hover', this);
	  			fade.stop().fadeTo(500, 0,function(){
	  				fade.css("display","none");
	  			});
	         }
	     });
	cargaMails();
	
});

function loadHistory(hash) {
    $.history.load(hash);
    return false;
}
function init(){
	cargaMails();
	var left = $(window).width();
		$('#carga_productos').css("left",left);
		$('#carga_productos').css("display","none");
		$('#carga_pro').css("display","none");
		$('.ico_back').css("display","none");
}
 function cargaMails(){
	 $(".correo").text("info@alisys.net");
	 $(".correo").attr({href:"mailto:info@alisys.net"});
 }

function cargarProductos(id){
	/**Consigo la id del icono pulsado**/
	var id = id.substring(4,id.length);
	if(!($("#carga_productos").length)){
		$.ajax({
			  url: "php/proyectos.php",
			  global: false,
			  success: function(data){
				  $('.cuerpo').append(data);
				  init();
				  
			  }
		});
	}
	 if($("#carga_secciones").is(":visible")){
		 $(".menu li a").removeClass("selec");
		 $("#carga_secciones").animate({
		  	left:"-1900px",
			top:"0"
		},400,"easeOutQuad",function(){
			$("#carga_secciones").hide();
		});
	  }
	/**quito el scroll de la web**/
	$("html").css("overflow-x","hidden");
	
	/**Coloco el contenedor fuera de la vista**/
	var _left = $(window).width();
	$('#carga_productos').css("left",_left);
	
	$("#productos").addClass("selec");
	/**Cargo el producto**/
	$.ajax({
		  url: "ajax/productos/pro"+id+".php",
		  global: false,
		  success: function(data){
			  $('#carga_pro').html(data);
			  $('#carga_pro').show();
			  $('.productos').show();
			  if(id == 10){
					$('.ico_back .siguiente').css("display","none");
				}else{
					$('.ico_back .siguiente').css("display","block");
				}
			  hash = arrayhash[(id-1)];
			  mostrarContenido("carga_productos");
			  marcarIconos(id,0);
			  $('.hover').css("display","none");
			  if ((id-2)<0){
				  var href2 = "index.php";
			  }else{
				  var href2 = arrayhash[(id-2)];
			  }
			  $('.ico_back .anterior').attr({href:href2});
			  $('.ico_back .siguiente').attr({href:arrayhash[(id)]});
		  }
	});
	return false;
	/***/
}
var primero=0;
function mostrarContenido(id){
	clearTimeout(t);
	$("#"+id).css("display","block");
	primero = parseInt(id.substring(3,id.length));	
	 var delay = 0;
	 var _left = "-1600px";
	  if (id == "carga_productos") {
		  delay = 500;
		  if($("#carga_secciones").is(":visible")){
			  delay = 1200;
			  $("#carga_secciones").animate({
				  	left:"0",
					top:"0"
				},400,"easeOutQuad",function(){
					$("#carga_secciones").hide();
				});
		  }
		  $("#carga_productos").show();
		  $(".ico_back").show();
	  }else if(id == "carga_secciones"){
		  $("html").css("overflow-x","hidden");
		  	delay = 800;
			hash = "sobrenosotros";
		  _left = $(window).width();
		  $("#carga_secciones").show();
		  cargaMapa();
		  cargaMails();
		  if($("#carga_productos").is(":visible")){
			  	delay = 500;
			  $("#carga_productos").animate({
				  	left: "1600px"
				},1200,"easeOutQuad",function(){
					$("#carga_productos").hide();
				});
		  	}
	  	}
	/**Animo el listado de iconos y muestro el contenedor**/
	$("#listado_pro").animate({
		left:_left
	},500,"easeInQuad",function(){
		$('#listado_pro').hide();
	});
	
	t = setTimeout (function(){
		$("#"+id).animate({
			left:"0",
			top:"0"
		},800,"easeOutQuad",function(){
			pulsado = false;
			loadHistory(hash);
			$("html").css("overflow-x","auto");
		});
	}, delay);
	
	
}

function cargarSecciones(){
	$(".menu li a").removeClass("selec");
	$("#sobre").addClass("selec");
	$("html").css("overflow-x","hidden");
	var _top = $(window).height();
	if(!($("#carga_secciones").length)){
		$.ajax({
			  url: "ajax/sobrealisys.php",
			  global: false,
			  success: function(data){
				  $('.cuerpo').append(data);
				  $('#carga_secciones').css("top","0");
				  $('#carga_secciones').css("left","-1900px");
			  }
		});
	}
	$.ajax({
		  url: "ajax/sobrealisys.php",
		  global: false,
		  success: function(data){
			  $('#carga_secciones').html(data);
			  $('#carga_secciones').show();
			  $('.legal').hide();
			  mostrarContenido("carga_secciones");
		  }
	});
}

function volverPortada(){	
	hash = "portada";
	$(".menu li a").removeClass("selec");
	$('#listado_pro').show();
	$(".menu a").removeClass("selec");
	var _left = $(window).width();
	var _top = $(window).height();
	
	if($("#carga_productos").is(":visible")){
		$("html").css("overflow-x","hidden");
		$("#carga_productos").animate({
			left: _left
			},800,"easeOutQuad",function(){
				$("#carga_productos").hide();
			});
	}else if($("#carga_secciones").is(":visible")){
		$("html").css("overflow-x","hidden");
		$("#carga_secciones").animate({
			left: "-1900px"
		},500,"easeOutQuad",function(){
			$('#carga_secciones').hide();
		});
	}
	$("#listado_pro").animate({
		left:"0"
	},1000,"easeInSine",function(){
		mov = false;
		loadHistory(hash);
		$("html").css("overflow-x","auto");
	});
}

/* CARGAR CONTENIDOS */
function cambiarSlide(desde,nuevo){
	mov = true;
	var nuevo = nuevo;
	var desde = desde.substring(0,desde.length);
	var n_actual = desde.substring(3,desde.length);	
	desde = "pro"+n_actual;
	var n = parseInt(n_actual);
	var d = n;
	var nu = n;
	if(nuevo==1){
		nu = n+1;
	}else{
		nu = n-1;
	};
	nuevo = 'pro'+n;
	if(nu==0){
		volverPortada();
	}
	if(nuevo!=desde && n>=1){
		alert("ahora");
	}
	if(('pro'+(nu-1))!=desde && (nu>=1)){
		//anterior

		hash = arrayhash[(nu-1)];
		nuevo = 'pro'+(n-1);
		_left = -1950;
		if(!$("#"+nuevo).length){
			$.ajax({
				  url: "ajax/productos/"+nuevo+".php",
				  global: false,
				  success: function(data){
					  $('#carga_pro').append(data);
					  $('#'+nuevo).show("fast");
					  $('#'+nuevo).css("left",_left);
					  $('#'+nuevo).css("z-index","9999");
					  moverSlide(nuevo,desde,nu,d);
					  cambiarHref(nu);
					  
				  }
			});
		}else{
			moverSlide(nuevo,desde,nu,d);
		}
	}
	if(('pro'+(nu+1))!=desde && (nu<11)){
		//siguiente

		hash = arrayhash[(nu-1)];
		nuevo = 'pro'+(n+1);
		_left = $(window).width();
		if(!$("#"+nuevo).length){
			$.ajax({
				  url: "ajax/productos/"+nuevo+".php",
				  global: false,
				  success: function(data){
					  $('#carga_pro').append(data);
					  /**Despliego y coloco el nuevo producto**/
					  $('#'+nuevo).show("fast");
					  $('#'+nuevo).css("left",_left);
					  $('#'+nuevo).css("z-index","9999");
					  moverSlide(nuevo,desde,nu,d);
					  cambiarHref(nu);
				  }
			});
		}else{
			moverSlide(nuevo,desde,nu,d);
		}
	}
}
function cambiarMini(desde,hasta){
	var desde_n = parseInt(desde.substring(3,desde.length));
	var hasta_n = parseInt(hasta.substring(3,hasta.length));	
	
	if(desde_n<hasta_n){
		if(hasta_n-desde_n>1){
			var _left= -1950;
			if($('#'+desde).is(":animated")){
				$('#'+desde).css("left",_left);
				 $('#'+desde).hide();
			}else{
				$('#'+desde).animate({
					left:_left,
					top:"0"
				 },velocidad,"easeInQuad",function(){
					 $('#'+desde).hide();
				 });  
			}
		}
			 cambiarSlide("ico"+(hasta_n-1),1);
		

	}
	else if(desde_n>hasta_n){
		if(desde_n-hasta_n>1){
			var _left= $(window).width();
			if($('#'+desde).is(":animated")){
				$('#'+desde).css("left",_left);
				 $('#'+desde).hide();
			}else{
				 $('#'+desde).animate({
					left:_left,
					top:"0"
				 },velocidad,"easeInQuad",function(){
					 $('#'+desde).hide();
				 }); 
			}
		}
		 cambiarSlide("ico"+(hasta_n+1),2);
		 
	}
	
}

function cambiarHref(id){
	if (((id-2))<0){
	  var ant = "index.php";
	}else{
		var ant = arrayhash[(id-2)];
	}
$('.ico_back .anterior').attr({href:ant});
$('.ico_back .siguiente').attr({href:arrayhash[(id)]});
	
}

function moverSlide(nuevo,desde,nu,d){
	if(desde==0){
		//TRAIGO TODA LA CAJA
	}	
	else if(nu>d){
		//alert("el siguiente");
		_left = $(window).width();
		var _right = -1950;
		  /**Animo y oculto el producto anterior **/
		  $('#'+desde).css("z-index","9");
			if($('#'+desde).is(":animated")){
				$('#'+desde).css("left",_right);
				 $('#'+desde).hide();
			}else{
			  $('#'+desde).animate({
					left:_right,
					top:"0"
				  },velocidad,"easeInQuad",function(){
					  $('#'+desde).hide();
					  /**si existe el proyecto +2 del actual lo borro**/
					  	
				  }); 
			}

		  $('#'+nuevo).show();
		  /**Animo y coloco el producto nuevo**/
			 $('#'+nuevo).animate({
				  left:"20px",
				  top:"0"
			  },velocidad,"easeInQuad",function(){
				  mov = false;
				  marcarIconos(nu,d);
				  loadHistory(hash);
				  $("html").css("overflow-x","auto");
			  });
		  
		  
		//MOVIMIENTO DERECHA DENTRO DE LA CAJA
	}
	else if (nu<d){
		_right = $(window).width();
		var _left= -1950;
		 $('#'+desde).css("z-index","9");
		//MOVIMIENTO IZQUIERDA DENTRO DE LA CAJA
		 if($('#'+desde).is(":animated")){
			$('#'+desde).css("left",_right);
			 $('#'+desde).hide();
		}else{
			 $('#'+desde).animate({
					left:_right,
					top:"0"
				  },velocidad,"easeInQuad",function(){
					  $('#'+desde).hide();
				  });  
		}
		  $('#'+nuevo).show();
		  /**Animo y coloco el producto nuevo**/
			 $('#'+nuevo).animate({
				  left:"20px",
				  top:"0"
			  },velocidad,"easeInQuad",function(){
				  mov = false;
				  marcarIconos(nu,d);
				  loadHistory(hash);
				  $("html").css("overflow-x","auto");
			  });
	}
	
	if(nu == 10){
		$('.ico_back .siguiente').css("display","none");
	}else{
		$('.ico_back .siguiente').css("display","block");
	}
	var arrayobj=$("#carga_pro").children();	
	  /**si existe el proyecto +2 del actual lo borro**/
	 for(var i = 0;i<arrayobj.lenght;i++){		
		 if(arrayobj[i].id!=$("#pro"+(nu)-1) && arrayobj[i].id!=$("#pro"+(nu)+1) && arrayobj[i].id!=$("#pro"+(nu))){
		 	$("#"+arrayobj[i].id).remove();
		 }
	 }
}
function marcarIconos(icono,anterior){
	$("#ico"+icono).find(".hover").css("opacity","0");
	$(".lista_icos li a").removeClass("select");
	$(".lista_icos li .hover").fadeTo(500, 0,function(){
		$(this).hide();
	});
	//$(".lista_icos li.select .hover").stop().fadeTo(500, 0);
	$("#ico"+icono).find(".hover").stop().fadeTo(800, 1,function(){ 
		$("#ico"+icono).addClass("select");
	});
}
function cargaMapa() {
    var map = new google.maps.Map(document.getElementById("map_canvas"), {
      scaleControl: true});
    map.setCenter(new google.maps.LatLng(41.918629, -5.229492));
    map.setZoom(6);
    map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
	var posicion1=new google.maps.LatLng(43.539846, -5.65863);
	var posicion2=new google.maps.LatLng(40.460642,-3.694475);
		var marker = new google.maps.Marker({map: map, position:
      posicion1});
		
		var marker2 = new google.maps.Marker({map: map, position:
      posicion2});
		
    var infowindow = new google.maps.InfoWindow();
    infowindow.setContent('<p class="mapas"><b>Centro de desarrollo</b></p><p>C/ Ur&iacute;a, n. 17 33202 - Gij&oacute;n</p><p>C/ Men&eacute;ndez Vald&eacute;s, n. 40 33202 - Gij&oacute;n</p>');
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map, marker);
    });
	  var infowindow2 = new google.maps.InfoWindow();
    infowindow2.setContent('<p class="mapas"><b>Sede Central</b></p><p>Edificio Lexington C/ Orense, 85 Madrid</p>');
    google.maps.event.addListener(marker2, 'click', function() {
      infowindow2.open(map, marker2);
    });
  }



