﻿/*** Global variables ***/
var galleryPhotos = new Array();
var galleryCounter = 0;
var galleryTime = 3000;

/*** Guatemala Gallery ***/
function CloseGallery()
{
	var gallery = Galleria.get(0);
	
	gallery.exitFullscreen();
}

function OpenGallery()
{
	var gallery = Galleria.get(0);
	
	if (gallery.getIndex() != 0)
	{
		gallery.show(0);
	}
	
	gallery.bind('fullscreen_exit',
		function()
		{
			$('#gallery_close').css('visibility','hidden');
			$('#gallery_close').hide();
    	}
    );
	
	gallery.enterFullscreen();
	
	$('#gallery_close').css('visibility','visible');
	$('#gallery_close').show();
}

/*** Main picture animation ***/
function RunGallery()
{
	$('#photo').attr('src',galleryPhotos[galleryCounter]);
	
	galleryCounter++;
	
	if (galleryCounter == galleryPhotos.length)
	{
		galleryCounter = 0;
	}
}

function SetGallery()
{
	galleryPhotos[0] = 'images/flash_1.jpg';
	galleryPhotos[1] = 'images/flash_2.jpg';
	
	$('#gallery_close').button();
	$('#gallery_close').hide();
	
	$('#galleria').galleria({width:300, height: 300});
}

/*** Reservation form ***/
function CheckKey(e)
{
	var code = (e.keyCode ? e.keyCode : e.which);
 	
 	if(code == 13) //Enter key code
 	{ 
	   SubmitReservation();
	}
}

function SetForm()
{
	$('button').button();
	
	$('#content input').bind('keypress', function(e) {CheckKey(e);});
	$('#content select').bind('keypress', function(e) {CheckKey(e);});
	
	PopulateCountries($('#reservation_country'));
	PopulateNights($('#reservation_nights'));
	PopulatePersons($('#reservation_persons'));

}

function SubmitReservation()
{
	if (ValidateReservation())
	{
		var reservationName = $.trim($('#reservation_name').val());
		var reservationTelephoneNumber = $.trim($('#reservation_telephone_number').val());
		var reservationCountry = $.trim($('#reservation_country').val());
		var reservationNights = $.trim($('#reservation_nights').val());
		var reservationPersons = $.trim($('#reservation_persons').val());
	
		$.post('php/reservation_short.php',
			{
				reservation_name: reservationName,
				reservation_telephone_number: reservationTelephoneNumber,
				reservation_country: reservationCountry,
				reservation_nights: reservationNights,
				reservation_persons: reservationPersons
			},
			function(data)
			{
				window.location.replace('reservation.html');
			}
		);
	}
	else
	{
		$('#dialog').dialog('option', 'title', 'Reservations');
		$('#dialog').html('Please fill the required fields.');
		$('#dialog').dialog('open');
	}
}

function ValidateReservation()
{
	var validForm = true;

	var reservationName = $.trim($('#reservation_name').val());
	var reservationNights = $.trim($('#reservation_nights').val());
	var reservationPersons = $.trim($('#reservation_persons').val());
	
	if (reservationName == '')
	{
		$('#reservation_name').css('border-color','#a52c06');
		$('#reservation_name').css('border-width','2px');
		
		validForm = false;
	}
	else
	{
		$('#reservation_name').css('border-color','#2c2101');
		$('#reservation_name').css('border-width','1px');
	}
	
	if (reservationNights == 0)
	{
		$('#reservation_nights').css('background-color','#a52c06');
		$('#reservation_nights').css('color','#ffffff');
		
		validForm = false;
	}
	else
	{
		$('#reservation_nights').css('background-color','#ffffff');
		$('#reservation_nights').css('color','#2c2101');
	}
	
	if (reservationPersons == 0)
	{
		$('#reservation_persons').css('background-color','#a52c06');
		$('#reservation_persons').css('color','#ffffff');
		
		validForm = false;
	}
	else
	{
		$('#reservation_persons').css('background-color','#ffffff');
		$('#reservation_persons').css('color','#2c2101');
	}
	
	return validForm;
}

$(document).ready(
	function()
	{
		$('label').inFieldLabels();
		$('#dialog').dialog({autoOpen: false, buttons: { 'Ok': function() { $(this).dialog('close'); } }, draggable: false, modal: true});
		SetGallery();
		SetForm();
		$(document).everyTime(galleryTime,
			function()
			{
		  		RunGallery();
			}
		);
	}
);
