var rst = "";
$(document).ready(function() {
	var browserwidth = $(window).width();
	var browserheight = $(window).height();
	$('#logohome').css('top', (browserheight-125)+"px");
	$('#logohome').css('left', (browserwidth-270)+"px");
	$('#loading').css('left', Math.ceil(browserwidth/2)+"px");
	$('#loading').css('top', Math.ceil(browserheight/2)+"px");
	$('#bg').width(browserwidth);
	$('#bg').height(browserheight);
	checkIfBGLoaded();
	$(window).resize(function(){
		clearTimeout(rst);
		var browserwidth = $(window).width();
		var browserheight = $(window).height();
		$('#bg').width(browserwidth);
		$('#bg').height(browserheight);
		rst=setTimeout("resizeBG()",100);
	});
	
	$('#bg').click(function(){
		self.location.href="/portfolio/";
	});
});

function checkIfBGLoaded(){
	var jImg = $( "#background" );
	if(jImg[ 0 ].complete)
		resizeBG();
	else
		t=setTimeout("checkIfBGLoaded()",1000);
}
function resizeBG(){
	$('#bg').show();
	var bgwidth = $('#background').width();
	var bgheight = $('#background').height();
	var browserwidth = $('#bg').width();
	var browserheight = $('#bg').height();
	var ratioW = 1;
	var ratioH = 1;
	ratioW = Math.ceil(browserwidth * 100 / bgwidth);
	ratioH = Math.ceil(browserheight * 100 / bgheight);
	newration = ((ratioW > ratioH)?ratioW:ratioH);
	newwidth = Math.ceil(bgwidth * (newration / 100));
	newheight = Math.ceil(bgheight * (newration / 100));
	$('#background').width(newwidth);
	$('#background').height(newheight);
	if(newwidth > browserwidth){
		newpos = Math.ceil((newwidth - browserwidth) / 2);
		$('#background').css('left', '-'+newpos+"px");
	}
	if(newheight > browserheight){
		newpos = Math.ceil((newheight - browserheight) / 2);
		$('#background').css('top', '-'+newpos+"px");
	}
	$('#logohome').css('top', (browserheight-125)+"px");
	$('#logohome').css('left', (browserwidth-270)+"px");
}