// JavaScript Document


function exCallback(callback){
	$('#divToHidde').css('display','block');
	$('#contacto').css('display','none');
	
	callback();
}

function flip(get){
	$("#wrap").flip({
				direction: 'rl',
				speed: 400
			});
	
	$('#divToHidde').css('display','block');
	$('#contacto').css('display','none');
}
function sendOk(responseText){
	$('#mensajesAjax').html(responseText),
	$('#mensajesAjax').fadeIn(3000,function(){
		$('#mensajesAjax').fadeOut(5000);									   
	});
	vaciarForm('id_contacto');
}

function sendErr(responseText){
	$('#mensajesAjax').html(responseText);
	$('#mensajesAjax').fadeIn(2000,function(){
		$('#mensajesAjax').fadeOut(5000);									   
	});
}

function vaciarForm(idForm){
	var form = document.forms[idForm];
	form.nombre.value = "";
	form.email.value = "";
	form.mensaje.value = "";
}

function send(get){
	$('#divToHidde').css('display','none');
	$('#contacto').css('display','block');
	
	$("#wrap").flip({
		direction: 'lr',
		speed: 400
	});
}

function getPagina(get){
	var pagina;
	
	switch(get){
		case '1':
			pagina = "historia.php";
		break;
		case '2':
			pagina = "menu.php";
		break;
		case '3':
			pagina = "galeria.php";
		break;
		case '4':
			pagina = "eventos.php";
		break;
		default:
			pagina = "home.php";
		break;
	}
	
	return pagina;
	 
}

function galeria(galeria,pagina){
/*@galeria es un array en json con las rutas de las imagenes*/
	
	var jsGal = galeria;
	
	var cantFotos = jsGal.length;
	if(cantFotos > 0){
		var $div = $(document.createElement('DIV'));
			$div.addClass('dest_wrap');
			
		var $divClip = $(document.createElement('DIV'));
			$divClip.addClass('jcarousel-clip jcarousel-clip-horizontal');
		
		var $ul = $(document.createElement('UL'));
			$ul.attr('id','ulCarousel');
			$ul.addClass('ulCarousel');
		
		
		for(i = 0; i < cantFotos;i++){
			var $a = $(document.createElement('A'));
				$a.addClass('thickbox');
				$a.attr('href','admin/img/'+pagina+'/'+jsGal[i]);
				$a.attr('rel',pagina);
			var $li = $(document.createElement('LI'));
			var $img = $(document.createElement('IMG'));
				$img.attr('src','admin/img/'+pagina+'/'+jsGal[i]);
				$img.attr('alt',"");
				$img.attr('title',"");
			
			$a.append($img);
			$li.append($a);
			$ul.append($li);
			$divClip.append($ul);
			$div.append($divClip);
		}
		
		$('#cab').html($div);
		
		jQuery('#ulCarousel').jcarousel({
			scroll:1,
			wrap:'last',
			animation:'slow'
		});
		
		re_init();
	}
}

function galeriaMenu(galeria,pagina){
/*@galeria es un array en json con las rutas de las imagenes*/
	
	var jsGal = galeria;
	
	var platos = jsGal.length;
	if(platos > 0){
		var $div = $(document.createElement('DIV'));
			$div.addClass('dest_wrap_menu');
			
		var $divClip = $(document.createElement('DIV'));
			$divClip.addClass('jcarousel-clip jcarousel-clip-horizontal');
		
		var $ul = $(document.createElement('UL'));
			$ul.attr('id','ulCarousel_menu');
			$ul.addClass('ulCarousel');
		
		for(i = 0; i < platos;i++){
			var $li = $(document.createElement('LI'));
			var $a = $(document.createElement('A'));
				$a.addClass('thickbox');
				$a.attr('href','admin/img/'+pagina+'/'+jsGal[i].foto);
				$a.attr('rel',pagina);
			var $img = $(document.createElement('IMG'));
				$img.attr('src','admin/img/'+pagina+'/'+jsGal[i].foto);
				$img.attr('alt',"");
				$img.attr('title',"");
			
			var $h2 = $(document.createElement('H2'));
				$h2.html(jsGal[i].nombre);
			var $pd = $(document.createElement('P'));
				$pd.html(jsGal[i].descripcion);
				
			$a.append($img);
			$li.append($a);
			$li.append($h2);
			$li.append($pd);
			$ul.append($li);
			$divClip.append($ul);
			$div.append($divClip);
		}
		
		var $h1 = $(document.createElement('H1'));
			$h1.addClass('tituloMenu');
			$h1.html('Nuestro Menú');
		
		$('#jMenu').html($h1);
		$('#jMenu').append($div);
		
		
		jQuery('#ulCarousel_menu').jcarousel({
			scroll:1,
			vertical:true,
			wrap:'both',
			animation:'slow'
		});
		re_init();
	}
	
}
function platos(idPlato){
	$.ajax({
		type: "GET",
		url: "paginas/ajax/platos.php",
		data: "id="+idPlato,
		success: function(html){
			var response = JSON.parse(html);
			galeriaMenu(response,'menu');
		},
		error: function(){
		}
	});
}
function init(clip){
	$('#fondo').css("visibility","visible");
	if (clip) {
		$('#wrap').show('clip', {}, 3000);
	}
}