$(document).ready(function(){
    init();
	
    function init()
    {
        resizeBg();
    }
            
    $(window).resize(function() 
    {
        resizeBg();
    });
    
    $('#bg').ready(function() 
    {
        $('#bg').fadeIn(1);
		$('#page_effect').delay(2000).fadeIn(1000);	
        $('#footer').delay(2000).fadeIn(1000);	
        $('#tabellaleft').delay(3000).fadeIn(1000);	
        $('#tabellaright').delay(3000).fadeIn(1000);			
        $('#logo').css("opacity",0);
		$('#page_effect').css("opacity",0);
        $('#auguri').css("opacity",0);
		$('#tabellaleft').css("opacity",0);
		$('#tabellaright').css("opacity",0);
        $('#logo').delay(900).animate({opacity: 1}, 1000);
		$('#page_effect').animate({opacity: 50}, 500);
		$('#tabellaleft').animate({opacity: 50}, 500);
		$('#tabellaright').animate({opacity: 50}, 500);
        $('#footer2').delay(4000).fadeIn(1000);
		
    });

    function resizeBg()
    {
        var wImg = 1600;
        var hImg = 1200;
        var ratioImg = wImg/hImg;

        var hh = $(window).height();
        var ww = hh*ratioImg;
                
        if (ww < $(window).width())
        {
            ww = $(window).width();
            hh = ww/ratioImg;
        }
                
        var xx = ($(window).width()-ww)/2;
        var yy = ($(window).height()-hh)/2;
		
		$('#bg').css({width:ww+"px",height:hh+"px", left:xx+"px", top:yy+"px"});
		$('#page_effect').css({width:ww+"px", left:xx+"px"});
		$('#body').css({width:ww+"px",height:hh+"px", left:xx+"px", top:yy+"px"});
		$('#footer').css({width:ww+"px"});
		$('#footer2').css({width:ww+"px"});
		$('#tabellaright').css({right:ratioImg+"px"});
		
    }

});