$(document).ready(function(){
		setup_layout();
});


$(window).wresize(function(){
	setup_layout();
});



function setup_layout() {

	
	margin_h = ($(window).width() - $('#background_img img').width()) / 2;
	margin_v = ($(window).height() - $('#background_img img').height()) / 2;
	
	$('#background_img').css({
		'position':		'absolute',
		'top':			margin_v,
		'left':			margin_h
	});
	
	$('#background_img').hover(
		function() {
			$('#centered').css({
				'z-index': 500
			})
		},
		function() {
			// empty
		}
	);


	$('#centered').hover(
		function() {
			$('#centered').css({
				'z-index': 500
			})
		},
		function() {
			//empty
		}
	);

	
	$('#hoverout_left').css({
		'width': margin_h-20+'px',
		'height':$(window).height()-50,
		'position':'absolute',
		'left':'0'
	});

	$('#hoverout_right').css({
		'width': margin_h-36+'px',
		'height':$(window).height()-50,
		'position':'absolute',
		'right':'0'
	});

	$('#hoverout_right, #hoverout_left').hover(
		function() {
			$('#centered').css({
				'z-index': 1
			})
		},
		function() {
			// empty
		}
	);
	
	$('#centered').css({
		'left': (($(window).width() - $('#centered').width()) / 2),
		'top': (($(window).height() - $('#centered').height()) / 2)
	});
}