var s_width = screen.width;
var s_height = screen.height;
var loader = "<div id=\"loader\"><img src=\"pics/loader.gif\" /></div>";

$(document).ready(function() {
loadBack();
onResize();
$('#content').css({opacity: '0.6'});
$('#content').mouseover(function(){
	$(this).animate({top: ($(window).height())-200});
	});
$('.back_img').mouseover(function(){
	$('#content').animate({top: ($(window).height())-100});
	});

$(window).resize(function() {
  		onResize();
	});


});
function onResize(){
if($(window).width() > 1024){
	$(".back_img").css({'width':$(window).width()});
	}
else{
	$(".back_img").css('width','1024px');
}
$('#content').css({'top':($(window).height())-100});
	}
	
function loadBack(){
	$('.back_img, #content').hide();
	$('#background').append(loader);
	$(window).load( function(){
		$('#loader').hide();
		$('.back_img, #content').fadeIn();
	});
}