/******************************************************
*
*	Fade effect
*
******************************************************/
$(document).ready(function() {
	$('#invisible').before('<div id="bio_loading" />');
	$('#bio_loading').before('<div id="hideAll" />');
	$('#top, .middle, #footer, .credits').wrapInner('<div class="wall" />');
	$('.wall').wrapInner('<div class="nail" />');
});

$(document).ready(function() {
	var w = ($(window).width());
    var Wh = ($(window).height())
	var h = ($(document).height());
    if(w>1000) {
        $('.wall').css({'width':w});
    }
    else {
        $('.wall').css({'width':'1000px'});
    }
	$('#hideAll').css({'width':w,'height':h,'position':'absolute','z-index':'1000000000'});
	$('#bio_loading').css({'width':w,'height':Wh,'z-index':'1000000001'});
});

$(window).one("load", function(){
	var w2 = ($(window).width());
	var h2 = ($(document).height());
	$('#hideAll').css({'width':w2,'height':h2,'position':'absolute','z-index':'1000000000'});
	$('body').css({'background-image':'url(skins/blue/images/inner_bg.jpg)','background-position':'0 0','background-repeat':'repeat-x','background-color':'#fff'});
	$('body.home').css({'background-image':'url(skins/blue/images/body_bg.jpg)','background-position':'0 0','background-repeat':'repeat-x','background-color':'#fff'});
	$('#invisible').css({'visibility':'visible'});
	$('#bio_loading').fadeOut(200, function() {
		$(this).hide();
	});
	$('#hideAll').fadeOut(1000, function() {
		$(this).hide();
	});
});

$(window).resize(function() {
	var w = ($(window).width());
    if(w>1000) {
        $('.wall').css({'width':w+'px'});
    }
    else {
        $('.wall').css({'width':'1000px'});
    }
});