window.onload=init;

function change_banner(current_banner)
{
	if (current_banner > 3){
		current_banner = 1;
	}

	var new_image = null;
	var old_image = null;
	if($('#bg_banner_image').css('display') == 'none'){
		new_image = $('#bg_banner_image');
		old_image = $('#banner_image');
	}else{
		new_image = $('#banner_image');
		old_image = $('#bg_banner_image');
	}

	$(new_image).load(function(){
		$(new_image).fadeIn(1000);
		$(old_image).fadeOut(1000, function(){
			$(new_image).unbind('load');
			setTimeout("change_banner("+(++current_banner)+")", 5000);
		});
	});

	$(new_image).attr('src', "/site/img/suites_banner"+current_banner+".png");		
}

function displayLoading(){
	$('#loading_div').css('display', 'block');
	$('#loading').css('display', 'block');
	$('#loading_div p').css('display', 'block');
};

function hideLoading(){
	$('#loading_div').css('display', 'none');
	$('#loading').css('display', 'none');
	$('#loading_div p').css('display', 'none');
};

function habilitar_sitios_interes(){

$('#santa_lucia').click(function(){
		$.get('/site/reservaciones/santa_lucia.html',function(data){
			$('#contenedor_fotos').css('display','none');
			$('#contenedor_fotos').html(data);						
			$('#contenedor_fotos').fadeIn('slow');

			 habilitar_sitios_interes();
		});			
	});

	$('#museo_marco').click(function(){
		$.get('/site/reservaciones/museo_marco.html',function(data){
			$('#contenedor_fotos').css('display','none');

			$('#contenedor_fotos').html(data);						
			$('#contenedor_fotos').fadeIn('slow');

			 habilitar_sitios_interes();
		});			
	});

	$('#macroplaza').click(function(){
		$.get('/site/reservaciones/macroplaza.html',function(data){
			$('#contenedor_fotos').css('display','none');

			$('#contenedor_fotos').html(data);						
			$('#contenedor_fotos').fadeIn('slow');

			 habilitar_sitios_interes();

		});			
	});

	$('#obispado').click(function(){
		$.get('/site/reservaciones/obispado.html',function(data){
			$('#contenedor_fotos').css('display','none');

			$('#contenedor_fotos').html(data);						
			$('#contenedor_fotos').fadeIn('slow');

			 habilitar_sitios_interes();

		});			
	});

	$('#montana').click(function(){
		$.get('/site/reservaciones/montana.html',function(data){
			$('#contenedor_fotos').css('display','none');

			$('#contenedor_fotos').html(data);						
			$('#contenedor_fotos').fadeIn('slow');

			 habilitar_sitios_interes();

		});			
	});

	$('#palacio_gobierno').click(function(){
		$.get('/site/reservaciones/palacio_gobierno.html',function(data){
			$('#contenedor_fotos').css('display','none');

			$('#contenedor_fotos').html(data);						
			$('#contenedor_fotos').fadeIn('slow');

			 habilitar_sitios_interes();

		});			
	});

};

function init(){

	setTimeout("change_banner(2)", 5000);

	habilitar_sitios_interes();

	//var bTop = $('#banner_image').css('top');
	//var bLeft = $('#banner_image').css('left');
	//alert(bTop + ' ' + bLeft);

	$('#menu a').each(function(){
		if($(this).css('color') == 'rgb(117, 169, 0)'){
			menu_selected = this;	
		}
	});
	
	$('#menu a').hover(function(){
		if($(this).css('color') != 'rgb(117, 169, 0)'){ 
			$(this).css('font-size', '14px');	
			$(this).css('color', '#75a900');	
		}
	},
	function(){
		if($(this).css('font-size') != '12px'){ 
			$(this).css('font-size', '12px');	
			$(this).css('color', 'white');	
		}
	});

	
	$('#submenu a').hover(function(){
		if($(this).css('color') != 'rgb(117, 169, 0)'){ 
			$(this).css('font-size', '18px');	
			$(this).css('color', '#75a900');	
		}
	},
	function(){
		if($(this).css('font-size') != '16px'){ 
			$(this).css('font-size', '16px');	
			$(this).css('color', 'white');
		}	
	});

	$('.foto_pequena').hover(function(){
		$(this).css('border','2px solid #75a900');
	}, function(){
		$(this).css('border','none');
	});


	$('.foto_grande').load(function(){
		hideLoading();
		$(this).fadeIn('slow');
	});

	$('.foto_pequena').click(function(){
		var foto_path = $(this).attr('src');
		var foto_path = foto_path.substring(0,foto_path.length - 14) + ".html";
		var foto_src = foto_path.substring(0,foto_path.length - 5) + ".png";
	
		$('.foto_grande').css('display', 'none');
		displayLoading();

		$('.foto_grande').attr('src', foto_src);
	});

	$('#sc').hover(function(){
		$('#sc_submenu').fadeIn();	
	}, 
	function(){
		$('#sc_submenu').css('display', 'none');
	});

	$('#sc_submenu').hover(function(){
		$(this).css('display', 'block');
	}, 
	function(){
		$(this).css('display', 'none');
	});


	$('#ia').hover(function(){
		$('#ia_submenu').fadeIn();	
	}, 
	function(){
		$('#ia_submenu').css('display', 'none');
	});

	$('#ia_submenu').hover(function(){
		$(this).css('display', 'block');
	}, 
	function(){
		$(this).css('display', 'none');
	});


	$('#lista_preguntas_frecuentes li').each(function(){
		$(this).click((function(){
			var visible = false;
			return function(){
				if(visible){
					$(this).children('p').slideUp('fast');
					visible = false;
				}else{
					$(this).children('p').slideDown('fast');
					visible = true;
				}
			};	
		})());
	});

	$('#lista_preguntas_frecuentes li a').hover(
		function(){
			$(this).css('font-size', '15px');
			$(this).css('color', '#75a900');
		}, 
		function(){
			$(this).css('font-size', '12px');
			$(this).css('color', 'white');
		});


	$('#forma_contacto').submit(function(){
		
		alert('Su mensaje está siendo procesado. Gracias por su preferencia!');

		var params = {};
		var fields = ['nombre','empresa','email','fechallegada','fechasalida','mensaje'];		

		for(var it in fields)
		{
			var field = fields[it];
			params[field] = $('#'+field).val();
		}

		//Validation
		for(var param in params)
		{
			if(params[param] == null || params[param] == "")
			{
				alert("El campo "+param+" no puede ser vacío. Favor de llenarlo");
				return false;
			}
		}

		$.post('/mail.php', params, function(data){
			//alert(data+" "+data.length);
			if (data == 'success')
			{
				alert('Su mensaje ha sido enviado con éxito');
			}
			else
			{
				alert('Su mensaje no pudo ser enviado correctamente. Verifique que haya llenado todos los campos');
			}	
		});
	
		return false;	
	});

}