function hideLargePhotoContent() {
    $('#large-photo-container').fadeOut(1000);
    $('#large-photo-caption').fadeOut(1000);
}
function showBackContent() {
    $('#back-container').fadeIn(500);
}
function hideBackContent() {
    $('#back-container').fadeOut(500);
}
function resetNavigation() {
    $('nav .thumbnails').hide();
    $('nav h3').removeClass('selected');
    $('nav h3').addClass('unselected');
}

$(document).ready(function(){
	
	$('#webcam').load('http://88.12.28.14:8008');
    
    $('#large-photo-container').delay(500).fadeIn(1500);
	
    $('#slideshow').cycle({ 
        timeout: 6000, 
        speed: 3000,
        before: slideshowCaption
    });
    
    $('#caja-texto-span-seccion').delay(2500).fadeIn(1500);
    
    $('#slide-interior').delay(500).cycle({ 
        timeout: 6000, 
        speed: 3000
    });
    
    function slideshowCaption() { 
        $('#large-photo-caption h2.slideshow').html(this.alt); 
    };

   
               
      
    $('.thumbnails a[href="#"]').bind('click', function () {
              
        var thumbCategory = $(this).attr("class");
        var thumbPage = $(this).attr("id");
             
        $("img.thumbnail", this).fadeTo(0, 0.2, function() {
            });
        $(".loading", this).removeClass('hidden');
              
        $('#large-photo-container').load('/' + thumbCategory + '/' + thumbPage + '.php #thumb-container', null, function(){ 
            $("img.thumbnail").delay(250).fadeTo(500, 1.0, function() {
                });
            $(".loading").addClass('hidden');
        });
        $('#large-photo-caption').load('/' + thumbCategory + '/' + thumbPage + '.php #thumb-caption');
        $('.thumbnails img').removeClass('selected');
        $("img", this).addClass('selected');
        $('#large-photo-container').fadeIn(1000);
        $('#large-photo-caption').fadeIn(250);
        $('#large-photo-caption h2').removeClass('slideshow');
        hideBackContent();
		
        if (sessionStorage.firstTime){
        } else {
            sessionStorage.firstTime = 1;
            $('p#welcome-message').delay(2000).fadeIn(2000).delay(6000).fadeOut(2000);
        }

		
        return false;
    });

    var leftMargin = $('#large-photo-container').css("left");
    $('#large-photo-container').toggle(function() {
        $('#nav-logo').animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
        
        $('#nav-bodas').delay(50).animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
        
        $('#nav-hotel').delay(150).animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
        $('#nav-eventos').delay(200).animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
        
        $('#nav-catering').delay(250).animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
        
        $('#nav-galeria').delay(300).animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
        
        $('#nav-cigarral').delay(350).animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
                  
                  $('#nav-news').delay(400).animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
        $('#nav-pie').delay(450).animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
        $('footer').delay(500).animate({
            left: "-300px", 
            opacity: "0"
        }, 250);
        $('#large-photo-caption').animate({
            opacity: "0"
        }, 400);
        $('#large-photo-container').css({
            left: "-50%"
        }, 250);
        $('#caja-texto-span-seccion').animate({
            opacity: "0"
        }, 800);
        $('#promos').animate({
            opacity: "0"
        }, 800);
                     
                    
    }, function(){
        $('#nav-logo').animate({
            left: "0px", 
            opacity: "100"
        }, 250);
        $('#caja-texto-span-seccion').animate({
            opacity: "100"
        }, 1400);
       
        $('#nav-bodas').delay(50).animate({
            left: "0px", 
            opacity: "100"
        }, 250);
        
        $('#nav-hotel').delay(150).animate({
            left: "0px", 
            opacity: "100"
        }, 250);
        $('#nav-eventos').delay(200).animate({
            left: "0px", 
            opacity: "100"
        }, 250);
        
        $('#nav-catering').delay(250).animate({
            left: "0px", 
            opacity: "100"
        }, 250);
        $('#nav-galeria').delay(300).animate({
            left: "0px", 
            opacity: "100"
        }, 250);
        $('#nav-cigarral').delay(350).animate({
            left: "0px", 
            opacity: "100"
        }, 250);
         $('#nav-news').delay(400).animate({
            left: "0px", 
            opacity: "100"
        }, 250);
                       
        $('#nav-pie').delay(450).animate({
            left: "0px", 
            opacity: "100"
        }, 250);
        $('footer').delay(500).animate({
            left: "0px", 
            opacity: "100"
        }, 250);
                    
        $('#large-photo-caption').animate({
            opacity: "100"
        }, 400);
        
        $('#large-photo-container').css({
            'left' : ''
        });
        $('#promos').animate({
            opacity: "100"
        }, 800);
    });
	
	
});