// JavaScript Document

var mailRegex = /^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$/;

Event.observe(window, "load", function(){

});

var detalle = function(id) 
{	
	Effect.toggle("detalle_paquete_"+id,'blind');
}

var reservar = function(id)
{
	Dialog.confirm(
		$('reservation').innerHTML, 
		{
			className:"freedback", 
			id : "registro",
			width:600, 
			okLabel: "Reservar", 
			cancelLabel: "Cancelar",
			zIndex: 100000,
			title: "A reservar: <strong>" + $('nombre_'+id).innerHTML + "</strong>",
			onOk:function(win){ 
			
				var package = $('nombre_'+id).innerHTML;
				var email = $('email').value;
				var firstname  = $('firstname').value;
				var lastname = $('lastname').value;
				var phone = $('phone').value;
				var city = $('city').value;
				var adultos = $('adultos').value;
				var menores = $('menores').value;
				var edades = $('edades').value;
				var comments = $('comments').value;
				var id_category = $('id_category').value;
				
				if(!email.match(mailRegex)){
					$('reservar_msg').innerHTML='Por favor ingrese una direccion de correo electronico valida'; 
					$('reservar_msg').show();
					Windows.focusedWindow.updateHeight(); 
					new Effect.Shake(Windows.focusedWindow.getId()); 
					return false;
				}
				if (firstname === "" || lastname === ""){
					$('reservar_msg').innerHTML='Por favor ingrese su nombre'; 
					$('reservar_msg').show();
					Windows.focusedWindow.updateHeight(); 
					new Effect.Shake(Windows.focusedWindow.getId()); 
					return false;
				}
				
				new Ajax.Request('../index.php/ajax/Contact/reservation/',
					{
					method:'post',
					parameters: {
						id_category : id_category,
						package : package,
						email : email,
						firstname : firstname,
						lastname :lastname,
						phone : phone,
						city : city,
						adultos : adultos,
						menores : menores,
						edades : edades,
						comments : comments
					},
					onSuccess: function(transport){
						
						if(!transport.responseText.match(null)){
							Dialog.closeInfo();
							Dialog.alert("<div style=\"textalign:center;\">Una intenci&oacute;n de reserva ha sido generada. <br /><br /> Muy pronto un asesor se comunicar&aacute; con usted.<br /><br />Gracias</div>", 
								{
									width:400, 
									height:140, 
									okLabel: "Ok",
									className:"freedback", 
									ok:function(win) 
									{ 
										Dialog.closeInfo();
									}
								}
							);
						}
					}
				});
			}
		}
	);	
}
var contacto = function()
{
	Dialog.confirm(
		$('contact').innerHTML, 
		{
			className:"freedback", 
			id : "enviar",
			width:550, 
			okLabel: "Enviar", 
			cancelLabel: "Cancelar",
			zIndex: 100000,
			title: "Contactenos",
			onOk:function(win){ 
				
				var email = $('email').value;
				var firstname  = $('firstname').value;
				var lastname = $('lastname').value;
				var phone = $('phone').value;
				var city = $('city').value;
				var comments = $('comments').value;
				
				if(!email.match(mailRegex)){
					$('reservar_msg').innerHTML='Por favor ingrese una direccion de correo electronico valida'; 
					$('reservar_msg').show();
					Windows.focusedWindow.updateHeight(); 
					new Effect.Shake(Windows.focusedWindow.getId()); 
					return false;
				}
				if (firstname === "" || lastname === ""){
					$('reservar_msg').innerHTML='Por favor ingrese su nombre'; 
					$('reservar_msg').show();
					Windows.focusedWindow.updateHeight(); 
					new Effect.Shake(Windows.focusedWindow.getId()); 
					return false;
				}
				
				new Ajax.Request('../index.php/ajax/Contact/contact/',
					{
					method:'post',
					parameters: {
						email : email,
						firstname : firstname,
						lastname :lastname,
						phone : phone,
						city : city,
						comments : comments
					},
					onComplete: function(transport){
							
						Dialog.closeInfo();
						Dialog.alert("<div style=\"textalign:center;\">Gracias por contactarnos. <br /><br /> Su opini&oacute;n es muy importante para nosotros.<br /><br />En breve nos comunicaremos con usted.</div>", 
							{
								width:400, 
								height:140, 
								okLabel: "Ok",
								className:"freedback", 
								ok:function(win) 
								{ 
									Dialog.closeInfo();
								}
							}
						);
					}
				});
			}
		}
	);	
}
var skype = function()
{
	Dialog.alert("<div style=\"textalign:center;\">Puedes contactarnos v&iacute;a SKYPE para cualquier duda o comentario que tengas con los datos: <br /><br />ggonzalez819 o katytacher<br /><br />Gracias</div>", 
		{
			width:400, 
			height:140, 
			okLabel: "Ok",
			className:"freedback", 
			ok:function(win) 
			{ 
				Dialog.closeInfo();
			}
		}
	);
}