$(document).ready(function(){

	
		var map = new GMap2(document.getElementById('map'));
		var bodeguilla = new GLatLng(36.5986365,-6.2246802);

    	map.setCenter(bodeguilla, 8);
		

		
		var point = new GLatLng(36.5986365,
				-6.2246802);
		var marker = new GMarker(point); ;
		map.addOverlay(marker);
		map.setZoom(50);
	
		
	
		var $liNosotros = $('#liNosotros');
		var $liRestaurante  = $('#liRestaurante');
		var $liCocina = $('#liCocina');
		var $liMenu = $('#liMenu');
		var $liContacto = $('#liContacto');
		
	//	$liNosotros.fadeTo('normal',.5);
	//	$liRestaurante.fadeTo('normal',.5);
	//	$liCocina.fadeTo('normal',.5);
//		$liMenu.fadeTo('normal',.5);
//		$liContacto.fadeTo('normal',.5);

      	$.preloadImages("img/img01.jpg", "img/img02.jpg", "img/img03.jpg", "img/img04.jpg", "img/img05.jpg", "img/img06.jpg", "img/img07.jpg", "img/img08.jpg");
		
		
		$('#nosotros').jScrollPane();
		$('#platosScroll').jScrollPane();
		$('#quienessomos').jScrollPane();

    	
		var $menu = $('#menus');
		$('#menus').jScrollPane({animateTo:true});
		$('a.menuLi').bind(
				'click',
					function()
					{
						var targetElementSelectorString = $(this).attr('rel');
						$menu[0].scrollTo(targetElementSelectorString);
						return false;
					}
				);
                
	

		
		// estado inicial
		$('#holder_info').css('visibility','visible');		
		$('#holder_info').hide();

		// la sección nosotros la ocultamos.
		$('#lnkNosotros').hide();
		$('#lnkNosotros').css('visibility','hidden');
		
		$('#lnkCocina').hide();
		$('#lnkCocina').css('visibility','hidden');

		$('#lnkMenu').hide();
		$('#lnkMenu').css('visibility','hidden');
		
		$('#lnkContacto').hide();
		$('#lnkContacto').css('visibility','hidden');
		
		// -------------------------------------
		//            	link Restaurante            //
		// -------------------------------------

		$liRestaurante.hover(
			function(){
			
				$(this).css('cursor','pointer');
				
				$(this).find('.enlace').css('border-bottom','2px solid #331110');


				focoHover($liRestaurante);
				
			},
			function(){
			
				$(this).find('.enlace').css('border-bottom','none');
				$(this).find('.enlace').css('font-weight','normal');
			}
				
		);
		
		$liRestaurante.click(function(){

			$.blockUI(); 
 
	        setTimeout(function() { 
            $.unblockUI({ 
                onUnblock: function(){ 
					var $info = $('#holder_info');
					$info.fadeTo('normal',0);
		
					$(this).css('font-weight','bold');		
					$('#liCocina').css('font-weight','normal');
					$('#liNosotros').css('font-weight','normal');
					$('#liMenu').css('font-weight','normal');
					$('#liContacto').css('font-weight','normal');
				} 
            }); 
        	}, 100);
			

		});
		
		// -------------------------------------
		//            	link nosotros           //
		// -------------------------------------

		$liNosotros.hover(
			function(){
			
				$(this).css('cursor','pointer');
				$(this).find('.enlace').css('border-bottom','2px solid #331110');
				focoHover($liNosotros);

			},
			function(){
				$(this).find('.enlace').css('border-bottom','none');
			}
				

		);
		$liNosotros.click(function(){
		
		  
	       $.blockUI(); 
 	       setTimeout(function() { 
           		$.unblockUI({ 
                onUnblock: function(){ 
				var $info = $('#holder_info');
				$info.fadeTo('normal',1);
				$info.slideDown('fast');
	
				$('#lnkCocina').hide();
				$('#lnkMenu').hide();
				$('#lnkContacto').hide();
				$('#lnkNosotros').css('visibility','visible');
				$info.fadeTo('normal',1);
				$info.slideDown('fast');
				
	
				$('#lnkNosotros').slideDown('normal');
	
		
				$(this).css('font-weight','bold');
				$('#liRestaurante').css('font-weight','normal');
				$('#liCocina').css('font-weight','normal');
				$('#liMenu').css('font-weight','normal');
				$('#liContacto').css('font-weight','normal');} 
				}); 
        	}, 500); 

        	
		});
		
		// -------------------------------------
		//            	link cocina            //
		// -------------------------------------

		$liCocina.hover(
			function(){
			
				$(this).css('cursor','pointer');
				$(this).find('.enlace').css('border-bottom','2px solid #331110');
				focoHover($liCocina);

			},
			function(){
				$(this).find('.enlace').css('border-bottom','none');
			}

		);

		$liCocina.click(function(){
			
			 $.blockUI(); 
 
	        setTimeout(function() { 
            $.unblockUI({ 
            	    onUnblock: function(){ 
						var $info = $('#holder_info');
						$info .fadeTo('normal',1);
						$info.slideDown('fast');
					
						// cuando pulso sobre cocina, primero debo esconder todo lo qeu haya de antes. O sea, por ejemplo 'nosotros'
						$('#lnkMenu').hide();
						$('#lnkNosotros').hide();
						$('#lnkContacto').hide();
						$('#lnkCocina').css('visibility','visible');	
					
						$info.fadeTo('normal',1);
						$info.slideDown('fast');
					
						$('#lnkCocina').slideDown("normal");
					
						
						$(this).css('font-weight','bold');
						$('#liRestaurante').css('font-weight','normal');
						$('#liNosotros').css('font-weight','normal');
						$('#liMenu.css').css('font-weight','normal');
						$('#liContacto').css('font-weight','normal');
					} 
				}); 
    	    }, 100); 

			
		});
		

		
		// -------------------------------------
		//            	link Menu            //
		// -------------------------------------
		$liMenu.hover(
			function(){
			
				$(this).css('cursor','pointer');
				$(this).find('.enlace').css('border-bottom','2px solid #331110');
				$(this).find('a').css('font-size','1em');
				focoHover($liMenu);				
							
			},
			function(){
				$(this).find('.enlace').css('border-bottom','none');
			}
				

		);
		$('#liMenu').click(function(){
	        $.blockUI(); 
 	
    	    setTimeout(function() { 
        	    $.unblockUI({ 
            	    onUnblock: function(){
						var $info = $('#holder_info');
						$info .fadeTo('normal',1);
						$info.slideDown('fast');
			
						// cuando pulso sobre cocina, primero debo esconder todo lo qeu haya de antes. O sea, por ejemplo 'nosotros'
						$('#lnkNosotros').hide();
						$('#lnkCocina').hide();
						$('#lnkContacto').hide();
						$('#lnkMenu').css('visibility','visible');
										$(this).find('.enlace').css('border-bottom','2px solid #331110');
			
						$info.fadeTo('normal',1);
						$info.slideDown('fast');
						
						$('#lnkMenu').slideDown("normal");
						
			//			$(this).css('font-weight','bold');
						$('#liRestaurante').css('font-weight','normal');
						$('#liNosotros').css('font-weight','normal');
						$('#liCocina').css('font-weight','normal');
						$('#liContacto').css('font-weight','normal');
						
						
						
						
						
					} 
	            }); 
    	    }, 100); 
			
							

		});
		
		// -------------------------------------
		//            	link Contacto            //
		// -------------------------------------
		
		$liContacto.hover(
			function(){
			
				$(this).css('cursor','pointer');
				$(this).find('.enlace').css('border-bottom','2px solid #331110');
				$(this).find('a').css('font-size','1em');
				focoHover($liContacto);				
							
			},
			function(){
				$(this).find('.enlace').css('border-bottom','none');
			}
				

		);
		$liContacto.click(function(){
			$.blockUI(); 
	 
			setTimeout(function() { 
				$.unblockUI({ 
					onUnblock: function(){ 
						var $info = $('#holder_info');
						$info .fadeTo('normal',1);
						$info.slideDown('fast');
			
						// cuando pulso sobre cocina, primero debo esconder todo lo qeu haya de antes. O sea, por ejemplo 'nosotros'
						$('#lnkNosotros').hide();
						$('#lnkCocina').hide();
						$('#lnkMenu').hide();
						$('#lnkContacto').css('visibility','visible');
			
						$info.fadeTo('normal',1);
						$info.slideDown('fast');
						
						$('#lnkContacto').slideDown("normal");
						
						$(this).css('font-weight','bold');
						$('#liRestaurante').css('font-weight','normal');
						$('#liNosotros').css('font-weight','normal');
						$('#liCocina').css('font-weight','normal');
						$('#liMenu').css('font-weight','normal'); 
					} 
				}); 
			}, 100); 
			
							

		});
		
		//----------------------------------------------//
		//             Enviar formulario                //
		//----------------------------------------------//
		$('.error').hide();
		$('.boton').click(function(){

			// validamos los datos de entrada del formulario.
			$('.error').hide();
			var nombre = $('input#nombre').val();
			if (nombre == ""){
				$('label#nombre_error').show();
				$('input#nombre').focus();
				return false;
			}
			
			var telefono = $('input#telefono').val();
			if (telefono == "")
			{
				$('label#telefono_error').show();
				$('input#telefono').focus();
				return false;
			}
			var email = $('input#email').val();
			if (email == ""){
				$('label#email_error').show();
				$('input#email').focus();
				return false;
			}
			var mensaje = $('textarea#mensaje').val();
			if (mensaje == ""){
				$('label#mensaje_error').show();
				$('textarea#mensaje').focus();
				return false;
			}
				
			var dataString = 'nombre='+nombre+'&email='+email+'&telefono='+telefono+'&mensaje='+mensaje;
		
			$.ajax({
			   type:"POST",
			   url:"bin/process.php",
			   data:dataString,
			   success:function(){
					$('#formulario').hide();
					$('#message').fadeIn(1500);
			   }
			}
		)
										
								   
		});
		
		
		$('#contenido').hover(

			function()
			{
				var $galeria = $('#galeria');
				$galeria.fadeTo('fast',0.8);
		
			},
			function()
			{
				var $galeria = $('#galeria');
				$galeria.fadeTo('fast',0);

			}
		);
		
		$('.gallery').addClass('gallery_demo'); // adds new class name to maintain degradability
		
		$('ul.gallery_demo').galleria({
			history   : true, // activates the history object for bookmarking, back-button etc.
			clickNext : true, // helper for making the image clickable
			insert    : '#holder_galeria', // the containing selector for our main image
			onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
				
				image.hide().fadeIn(1000);
				caption.hide().fadeIn(1000);
				var _li = thumb.parents('li');
				_li.siblings().children('img.selected').fadeTo(500,0.3);
				thumb.fadeTo('fast',1).addClass('selected');
				image.attr('title','Siguiente Imagen >>');
			},
			onThumb : function(thumb) { // thumbnail effects goes here
				
				// fetch the thumbnail container
				var _li = thumb.parents('li');
				
				

				var _fadeTo = _li.is('.active') ? '1' : '0.8';
				

				thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);

				thumb.hover(

					function() { 

						thumb.fadeTo('slow',1); },
					function() { _li.not('.active').children('img').fadeTo('slow',0.8); }
				)
			}
		});

	});
	// ---------------- FIN DEL DOCUMENT READY ------------------------------------
	
function volver(){

			$('#message').hide();
			$('#formulario').fadeIn(1500);
			                
}

function focoHover($foco){


		/*if ($foco.text() != $('#liNosotros').text() )
			$('#liNosotros').fadeTo('normal',.5);
		else

			$('#liNosotros').fadeTo('normal',1);
		
		
		if ($foco.text() != $('#liRestaurante').text() )
			$('#liRestaurante').fadeTo('normal',0.5);
		else
			$('#liRestaurante').fadeTo('normal',1);			

		if ($foco.text() != $('#liCocina').text() )
			$('#liCocina').fadeTo('normal',0.5);
		else
			$('#liCocina').fadeTo('normal',1);			
		
		if ($foco.text() != $('#liContacto').text() )		
			$('#liContacto').fadeTo('normal',0.5);
		else
			$('#liContacto').fadeTo('normal',1);
		
		if ($foco.text() != $('#liMenu').text() )		
			$('#liMenu').fadeTo('normal',0.5);
		else
			$('#liMenu').fadeTo('normal',1);			
		
	*/
}
	function limpiarNombre(){

		$('#nombre').attr("value","");	
	}
	function limpiarTelefono(){
		$('#telefono').attr("value","");
	}
	function limpiarEmail(){
		$('#email').attr("value","");
	}
	function limpiarTexto(){
		$('#mensaje').attr("value","");
	}
	function enviar(){
		
		$('#contacto').submit();
	}

      // preloading function of images

      jQuery.preloadImages = function()
      {

	      for(var i = 0; i<arguments.length; i++)
	      {

    		  jQuery("<img>").attr("src", arguments[i]);

	      }

      };