// JavaScript Document

$(document).ready(function() { 
   // Muestra y oculta los menús 
   $('ul li:has(ul)').hover( 
      function(e) 
      { 
         $(this).find('ul').css({display: "block"}); 
      }, 
      function(e) 
      { 
         $(this).find('ul').css({display: "none"}); 
      } 
   ); 
}); 


function selectImage(id, image) {
	$("#galeriaMini div").removeClass('cuadro');
	$("#" + id).addClass('cuadro');	
	$("#imageMedium").attr("src", "images/gallery/medium/" + image);
	$("#enlarger").attr("href", "images/gallery/images/" + image);
}

function showAbout() {
	$("#ajax-load").show();
	$("#cancellations").hide();
	$("#payments").hide();
	$("#about").show();	
}

function showCancellations() {
	$("#ajax-load").show();
	$("#payments").hide();
	$("#about").hide();
	$("#cancellations").show();
}

function showPayments() {
	$("#ajax-load").show();
	$("#about").hide();
	$("#cancellations").hide();
	$("#payments").show();
}

function closeBox(id) {
	$("#ajax-load").hide();
	$("#" + id).hide();
}

function validarVacio(campo) {
	var texto = $(campo).val();
	if (!campo.value.match(/\S/)) {
		$(campo).addClass('errorField');
	} else
		$(campo).removeClass('errorField');	
}

function validarEmail(campo) {
	var mail = $(campo).val();
	var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if (!filter.test(mail)) {
		$(campo).addClass('errorField');
	} else
		$(campo).removeClass('errorField');	
}

function mostrarDetalle(numero, title, description) {
	$("#item" + numero).html('<div style="background-color:#badb84;width:400px;height:30px;padding-left:10px;padding-top:10px;"><div class="greenTitles" style="color:#608a04;float:left;">' + title + '</div><div style="float:right;color:#FFF;font-size:22px;padding-right:7px;">' + numero + '</div></div><div class="grayText" style="padding:10px;">' + description + '</div><div align="right"><a href="#" onclick="cerrarDetalle(\'' + numero + '\', \'' + title + '\', \'' + description + '\');"><img src="images/lodge/menos.png" border="0" width="27" height="27" /></a></div>');
}

function cerrarDetalle(numero, title, description) {
	if (numero == "1")
		$("#item" + numero).html('<div style="padding-left:15px;float:left;position:relative;"><div style="float:left;"><img src="images/lodge/1.png" width="13" height="38" /></div><div style="float:left;padding-top:5px;padding-left:2px;"><span class="greenText">' + title + '</span>	<br /><span class="grayText">'+ description.substring(0,45) + '...</span></div><div style="clear:both;"></div></div><div style="float:right;padding-top:5px;padding-right:5px;position:relative;"><a href="#" onclick="mostrarDetalle(\'' + numero + '\', \'' + title + '\', \'' + description + '\');"><img src="images/lodge/mas.png" width="27" height="27" border="0" /></a></div><div style="clear:both;"></div>');
	else
		$("#item" + numero).html('<div style="padding-left:10px;float:left;position:relative;"><div style="float:left;"><img src="images/lodge/' + numero + '.png" /></div><div style="float:left;padding-top:5px;margin-left:-5px;"><span class="greenText">' + title + '</span>	<br /><span class="grayText">'+ description.substring(0,45) + '...</span></div><div style="clear:both;"></div></div><div style="float:right;padding-top:5px;padding-right:5px;position:relative;"><a href="#" onclick="mostrarDetalle(\'' + numero + '\', \'' + title + '\', \'' + description + '\');"><img src="images/lodge/mas.png" width="27" height="27" border="0" /></a></div><div style="clear:both;"></div>');	
}