$(document).ready(function(){

	if($('#slide').length > 0){
		var sld = new GSlide({container:'#slide', width:600, height:230, delay:3000});
		sld.addSlide('../img/slide/foto1.jpg', '#', '');
		sld.addSlide('../img/slide/foto2.jpg', '#', '');
		sld.addSlide('../img/slide/foto3.jpg', '#', '');
		sld.addSlide('../img/slide/foto4.jpg', '#', '');
		sld.showSlide();
	}

	$('.date-pick').datePicker();
	
	$('#rese-tipo').change(function(){
		$('#cantidad-' + $(this).val()).show().select().siblings('input').hide();
	});
	
	$('#form-completar input, #form-completar textarea').focus(function(){
		$(this).select();
	});
	
	$('input.cantidad').blur(function(){ if($.trim($(this).val()) == ''){ $(this).val('0'); } });
	
	$('form.ajax').enviarForm(function(json){
		alert(json.mensaje);
		if(!json.error){
			if(json.redireccion.length > 0){
				document.location = json.redireccion;	
			} else{
				location.reload();
			}
		}
		return false;
	});		
});
		
/* plugin jQuery para enviar formulario con ajax */
jQuery.fn.enviarForm = function(respuesta){
	$(this).submit(function(){
		var $loader = inLoad();
		$loader.show();
		$form = $(this);
		$.post($form.attr('action'), $form.serialize(), function(data){ $loader.hide(); respuesta(data); }, 'json');
		return false;
	});	
}

function inLoad()
{
	var $loader = $(document.createElement('div'));
	$loader.attr('id', 'divLI').text('Espere por favor...').css({'position':'fixed','padding':'4px 8px','background':'#FF7400','color':'#F9F7ED','font':'bold 12px Verdana, Arial, Helvetica, sans-serif','left':'50%','left': ($(window).width() - 138)/2 + 'px', 'top':0});
	$(window).resize(function(){
		$loader.css({'left': ($(window).width() - 138)/2 + 'px'});
	});
	$('body').append($loader);
	return $loader;
}

var GSlide = function(params){
	var params = params || {};
	
	var container = params.container;
	var width = params.width;
	var height = params.height;
	var delay = params.delay;
		
	var count = 0;
	var slides = new Array();
	var actual = 0;
	
	var entrante = document.createElement('a');
	var saliente = document.createElement('a');

	/* init */
	jQuery(container).css({'position':'relative', 'width':width + 'px', 'height':height + 'px'});
	jQuery(entrante).css({'position':'absolute', 'z-index':'20'}).html('<img />');
	jQuery(saliente).css({'position':'absolute', 'z-index':'30'}).html('<img />');
	jQuery(container).append(entrante).append(saliente);

	this.addSlide = function(src, href, title){
		slides[count++] = {src:src, href:href, title:title};
	}
	
	function loadSlide(){
		jQuery(entrante).children('img').attr('src', slides[actual]['src']);
		actual = (actual + 1) % count;
		var href = slides[actual]['href'];
		var title = slides[actual]['title'];
		var src = slides[actual]['src'];		
		var img = new Image();
		jQuery(img).load(function(){
			jQuery(saliente).css({opacity:0.0});
			setData(saliente, src, href, title);
			jQuery(saliente).animate({opacity:1.0}, 1000);
		}).attr('src', src);
	}
	
	function setData(slide, src, href, title){
		jQuery(slide).attr('href', href);
		jQuery(slide).attr('title', title);
		jQuery(slide).children('img').attr('src', src);
	}
	
	this.showSlide = function(){
		setData(saliente, slides[0]['src'], slides[0]['href'], slides[0]['title']);
		setInterval(loadSlide, delay);
	}
}