$(document).ready(function(){
	
	/*----------------------
	 * Configuracion General 
	------------------------*/

	//se agrega un id al body en Chrome para corregir las diferencias esteticas
	if($.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase())){
		$("body").addClass("chrome");
		$("#phones").css('top','-13px');
	}
	//se agrega una clase al body en internet explorer para corregir las diferencias esteticas
	if ($.browser.msie){
		if($.browser.version == '8.0'){
			$("body").addClass("ie8");
		}
		if($.browser.version == '7.0'){
			$("body").addClass("ie7");
		}
	}

	$("#buttonFooter").toggle(		
			function(){
				$("#pplPhone").removeClass("phonesHidden");
				$("#pplPhone").addClass("phonesExpanded");
				$('.otherPhones').show("fast");
				/* Hack para IE para que muestre la imágen transparente de fondo */
				if($.browser.msie){
					$("#phones>shape").show();
				}
			},
			function(){
				$("#pplPhone").removeClass("phonesExpanded");
				$("#pplPhone").addClass("phonesHidden");
				$('.otherPhones').hide("fast");
				/* Hack para IE para que oculte la imágen transparente de fondo */
				if($.browser.msie){
					$("#phones>shape").hide();
				}
			}	
	);
	
	$(".ui-corner-top a").click(function(){
		if($("#pplPhone").attr("class") == 'phonesExpanded'){
			$("#buttonFooter").click();
		}
	});
	
	
	/*
	 * Para Ubicacion
	 */
	var scrollParameters = {scrollbarWidth:20, arrowSize:90, wheelSpeed: 30};	
	$(".scroll-left").jScrollPane(scrollParameters);
	
	/*
	 * Para Home
	 */
	var scrollParameters = {scrollbarWidth:20, arrowSize:43, wheelSpeed: 30};	
	$(".scroll-right-small").jScrollPane(scrollParameters);
	
	/*
	 * Para productos
	 */	
		
	/* agrego scrollbars para la correcta visualización de la información 
	cuando entra por primera vez en la seccion Productos/Servicios */ 
	var scrollParameters = {scrollbarWidth:22, arrowSize:50, wheelSpeed: 30};
	$(".specialties .sinapsis:visible").jScrollPane(scrollParameters);
	$(".specialties div:visible .jScrollPaneDrag").css("height", "32px");
		
	/* Cambia el contenido de especialidades segun el item de la lista seleccionado*/
	$("li[id^='prodItemLine_']").bind("click", function(){
		if($(this).children(".subtituloSelected").length > 0){
			//El item en el que se hiso click es el mismo que ya estaba seleccionado
			//No hacer nada
			return;
		}
		var catId=$(this).attr("id").split("_")[1];
		var prodId=$(this).attr("id").split("_")[2];
		$(".subtituloSelected").attr("class","subtituloUnSelected");
		$("#prodItemLine_"+catId+"_"+prodId+" > div").attr("class","subtituloSelected");
		$(".specialties .infoVisible").addClass("infoHidden").removeClass("infoVisible");
		//Muestra el texto de info de la habitacion seleccionada
		$("#rightInfo_"+catId+"_"+prodId).addClass("infoVisible").removeClass("infoHidden");						
		//Oculta las imagenes del habitacion antes seleccionada
		$("div[id^='image_']:visible").css("display","none");
		//Muestra las imagenes de la habitacion actualmente seleccionada
		$("#image_"+catId+"_"+prodId).toggle("fast");
		
		/* agrego scrollbars para la correcta visualización de la información */ 
		var scrollParameters = {scrollbarWidth:22, arrowSize:50, wheelSpeed: 30};
		$(".specialties .sinapsis:visible").jScrollPane(scrollParameters);
		$(".specialties div:visible .jScrollPaneDrag").css("height", "32px");
		if ($.browser.msie){
			// remover el borde punteado al seleccionar (hack para propiedad outline)
			$(".specialties .infoVisible .jScrollPaneContainer").focus(function(){$(this).blur()});
		}
	});
	
	$("div[id^='categoryTitle_']").click(function(){
		var catId=$(this).attr("id").split("_")[1];
		var liParent = $(this).parent("li#category_"+catId);
		if(liParent.hasClass("fondoLista")){
			//Obtengo los li que estan visibles, then los oculto
			$("li.fondoListaDeselected[id^='category_']").each(function(){
				var element = $(this);
				var elementId=element.attr("id").split("_")[1];
				hideSelected(element, elementId);
			});			
			//Esta oculto, then ponerlo visible y ocultar el resto
			showSelected(liParent, catId);						
		}else{
			//Esta visible, then ocultarlo
			hideSelected(liParent, catId);
		}
		//Se aplican nuevamente el scroll ya que cambio el contenido, debe hacerse con delay ya que la transicion demora unos segundos por el efecto
		setTimeout('var scrollParameters = {scrollbarWidth:20, arrowSize:90, wheelSpeed: 30}; $("ul#tabsProductos").jScrollPane(scrollParameters);',500);
	});
			
	/* Corrige un problema de visualización la primera vez que se muestra especialidades
	 * en que no se mostraba el scroll para sinapsis */
	$("#nav_tab_habitaciones").click(function(){
		/* agrego scrollbars para la correcta visualización de la información */
		var scrollParameters = {scrollbarWidth:22, arrowSize:50, wheelSpeed: 30};
		$(".specialties .sinapsis:visible").jScrollPane(scrollParameters);
		$(".specialties div:visible .jScrollPaneDrag").css("height", "32px");
		if ($.browser.msie){
			// remover el borde punteado al seleccionar (hack para propiedad outline)
			$(".specialties .infoVisible .jScrollPaneContainer").focus(function(){$(this).blur()});
		}
	});
	
	/*
	 * Para Empresa
	*/
	var scrollParameters = {scrollbarWidth:20, arrowSize:100, wheelSpeed: 20};
	$(".scroll-right").jScrollPane(scrollParameters);
	
	var scrollParameters = {scrollbarWidth:20, wheelSpeed: 30};
	$("#servicios-content").jScrollPane(scrollParameters);	
	
	/*
	 * Para free sections
	 */
	
	/* Rotacion de imagenes para freesections */
	$("div[id^='freesection_images_1']").cycle( {
		fx : 'fade', 
		speed : 900, 
		timeout : 0, 
		prev : "#freesection_ant_1", 
		next : "#freesection_sig_1" // Identificador para Siguiente
	});
	$("div[id^='freesection_images_2']").cycle( {
		fx : 'fade', 
		speed : 900, 
		timeout : 0, 
		prev : "#freesection_ant_2", 
		next : "#freesection_sig_2" // Identificador para Siguiente
	});
	/* Actualiza el numero de pagina visualizada cuando se avanza o cambia la imagen mostrada*/
	$("a[id^='freesection_ant_']").bind('click',function(){
		var actualPagerId = "freesection_pager_" + $(this).attr("id").split("_")[2];
		$("#"+actualPagerId+" > span > span")[0].innerHTML = (calculateNextPage("ant",actualPagerId) - 1);
	});
	$("a[id^='freesection_sig_']").bind('click',function(){
		var actualPagerId = "freesection_pager_" + $(this).attr("id").split("_")[2];
		$("#"+actualPagerId+" > span > span")[0].innerHTML = (calculateNextPage("sig",actualPagerId) + 1);
	});
	var scrollParameters = {scrollbarWidth:22, arrowSize:40, wheelSpeed: 30, scrollbarOnLeft: true};
	$("div[id='description_freesection_']").jScrollPane(scrollParameters);
		
	$("#nav_tab_galeria").click(function(){
		getAjaxGaleriaMultimedia();
	});
	
	/* Se ajusta la altura de las barras de scroll para que se ajusten al diseño. Debe ser hecho en 
	 * runtime como última acción, porque la librería calcula las alturas y las setea al crear los scrollbars 
	 */
	$(".jScrollPaneDrag").css("height", "32px");
	if ($.browser.msie){
		// remover los bordes punteados al seleccionar (hack a la propiedad outline)
		$(".jScrollPaneContainer").focus(function(){$(this).blur()});
		$("a").focus(function(){$(this).blur()});
	}
	
	
	//mapa dinamico para microsites
	 if (GBrowserIsCompatible() && $("#mapa-dinamico-microsite").attr("id")=='mapa-dinamico-microsite') {
			var map = new GMap2(document.getElementById('mapa-dinamico-microsite'));
			if(lat=='-39.211826'&&lng=='-63.120119'){
				map.setCenter(new GLatLng(lat,lng), 4);
			}else{
				var point = new GLatLng(lat,lng);
				var marker = new GMarker(point);
				map.addOverlay(marker);
				map.setCenter(new GLatLng(lat,lng), 15);
			}
			map.addControl(new GMapTypeControl());
		    map.addControl(new GLargeMapControl());
		    map.addControl(new GOverviewMapControl());
     }
	
	if ($.browser.msie){
		 if(parseInt($.browser.version)>7){
		 	$("#fichaSendMail label").addClass("label_ie8");
			$("#fichaSendMail textarea").addClass("textarea_ie8");
		 }
		/*if(){
			$().css("marginTop","0px");
			$().css("marginTop","-1px");
		}*/
	}
	
//IMAGENES
	
//MICROSITE
var srcImagen = $("div#variableContent-empresa .video").attr("src");
if(srcImagen!= null && srcImagen != ""){

	var height = $("div#variableContent-empresa .video").attr("height");
	var width = $("div#variableContent-empresa .video").attr("width");
	
	//Pudo no haber cargado la imagen
	if(height >"0" && width > "0"){
	
		if(height > "250"){
			$("div#variableContent-empresa .video").css("height","250px");
		}
		if(width > "250"){
			$("div#variableContent-empresa .video").css("width","250px");
		}
		
		//En teoria, en SPA, no se permite cargar una imagen más grande que 250x250
			//ACOMODO A "MANO" LA IMAGEN EN EL CENTRO, SABIENDO QUE EL CONTENEDOR ES DE 250x250
			var paddingTop = (250 -height)/2 + 12;
			$("div#variableContent-empresa .video").css("padding-top",paddingTop);
	}
}
	
	//CENTRA TODAS LAS IMAGENES DE LAS SECCIONES y DEMAS
	$('img.imageInMarcoTemplate').each(function(i){
		
		if (!$.browser.msie){
			$(this).load(function(){
				var pl = (250-$(this).attr("width"))/2;
				var pt = (250-$(this).attr("height"))/2;				
				$(this).css("padding-top", (pt+14) + "px");
				$(this).css("padding-left", (pl+14) + "px");
			});
			if ($.browser.mozilla){
				var pl = (250-$(this).attr("width"))/2;
				var pt = (250-$(this).attr("height"))/2;				
				$(this).css("padding-top", (pt+14) + "px");
				$(this).css("padding-left", (pl+14) + "px");
			}
		}
		// Caso especial IE
		if ($.browser.msie){
			$(this).wrap("<div></div>");
			$(this).parent().css("vertical-align", "middle");
			$(this).parent().css("position", "absolute").css("top", "50%");			
			if($(this).hasClass("noTop")){				
				$(this).css("position", "relative");
			}else{
				$(this).css("position", "relative").css("top", "-50%");				
			}
		}
	});
});

/*
*retorna el id de la galeria que se esta mostrando actualmente
*/
function calculateActualId(begginWith){
	var id = $("div[id^='"+begginWith+"']:visible").attr("id").split("_")[1];
	return id;
}

/*
*retorna la imagen que se esta queriendo visualizar
*usado para cuando se quiere reescribir el numero de imagen visualizada
*/
function calculateNextPage(action,pagerId){
	
	var pager = $("#"+pagerId+" > span:first");
	var pageActual = parseInt(pager.find("*:first").text());
	var pageTotal = parseInt(pager.find("*:last").text());
	if ((pageActual == pageTotal) && (action == "sig")){
		return 0;			
	}else if((pageActual == 1) && (action == "ant")){
		return pageTotal + 1;
	}else{
		return pageActual;
	}
}

/*
* Configuracion para el 
* formulario de contacto
*/
var callbackSendMail = function(request){
	try{
		var request = eval("("+request+")");
	}catch(e){
		var request = {"responseStatus": 0};
	}
	
	//Refresco la imagen del captcha
	var captchaHidden = $("#fichaSendMail input.captchaHidden");
	var captchaImage = $("#fichaSendMail img.herramientasSecImage");
	refreshCaptchaImage(captchaHidden,captchaImage);
	
	if (request.responseStatus == "1"){		
		$("#fichaSendMail").next("#responseStatus").html("<div>Su mensaje fue enviado correctamente</div>");
		addIframeConversionTraking();
	}else if (request.responseStatus == "2"){
		//Se oculta el mensaje de error en captcha si esta
        $(".captcha-message-error").toggle("fast");			
		$("#fichaSendMail").css("display","block");
	}
	else{
		$("#fichaSendMail").next("#responseStatus").html("<div>Fall&oacute; el env&iacute;o del mensaje, el mismo no fue enviado</div>");
		$("#fichaSendMail").css("display","block");
	}
	
	
}

function clearMsjResponse(){
	$("#responseStatus").html("");
	$(".message-email-error-text-asId").hide();
	$(".captcha-message-error").hide();
}
function getAjaxGaleriaMultimedia(){
	// la variable ADVERTISE_ID es seteada por el decorador al igual que GLOBAL_BASE_PATH
	$.get(GLOBAL_BASE_PATH+'micrositeGallery.action?advertiseId='+ADVERTISE_ID, function(data){
		$("#variableContent-galeria").html(data);
		if ($.browser.msie){
			// remover los bordes punteados al seleccionar (hack a la propiedad outline)
			$("#variableContent-galeria a").focus(function(){$(this).blur()});
		}
	});
}


function stats(tipo){
	var action="";
	if (tipo=='empresa'){
		action = 'micrositeCompany.do?';
	}else if(tipo=='productos'){
		action = 'micrositeProducts.do?';
	}else if(tipo=='home'){
		action = 'micrositeHome.do?';
	}else if(tipo=='ubicacion'){
		action = 'micrositeBranch.do?';
	}else{
		action = 'micrositeStats.action?';
	}
	jQuery.get(GLOBAL_BASE_PATH + action + "id="+ADVERTISE_ID+ "&ignoreAction=true");
}


function clickServiciosPagos(){
	$("#nav_tab_servicios_pagos").click();
}

function isLatAndLong(lat, lng){
	return (lat=='' && lng=='');
}
function hideSelected(element, id){
	element.removeClass("fondoListaDeselected");
	element.addClass("fondoLista");
	$("#categoryProducts_"+id).hide("slow");
}
function showSelected(element, id){
	element.removeClass("fondoLista");
	element.addClass("fondoListaDeselected");
	$("#categoryProducts_"+id).show("slow");
}
