/*window.addEvent('load',function(){
	new Element('div',{'id':'debug','html':'debug'}).inject($$('body')[0],'top').setStyles({
		'position'	:	'absolute',
		'width'		:	250,
		'padding'	:	20,
		'z-index'	:	1000,
		'text-transform':'none',
		'background':	'#fff'});
});*/

window.addEvent('resize',function(){ 
	resizeBg();
});
window.addEvent('domready',function(){ 
	resizeBg();
});

function resizeBg(){
	if($('bg_image')){
		var dimension = 1920 / 1200;
		var bg_img = $$('#bg_image img')[0];
		var size_x = bg_img.getSize().x;
		var size_y = bg_img.getSize().y;
		var window_vh = window.getSize().x / window.getSize().y;
		
		var compare = window.getSize().y+' <= '+size_y;
		if(window_vh < dimension){
			var new_height = window.getSize().y;
			bg_img.setStyles({'height':window.getSize().y,'width':new_height*dimension});
			bg_img.setStyle('min-height','inherit');
		}
		else{
			var new_width = window.getSize().x;
			var new_height = new_width/dimension;
			bg_img.setStyles({'height':new_height,'width':new_width});
			bg_img.setStyle('min-height','inherit');
		}
		var new_html = bg_img.getSize().x+' x '+bg_img.getSize().y+' px<br>('+(bg_img.getSize().x / bg_img.getSize().y)+')<br>Window:'+(window_vh);
		// $$('#debug')[0].set({'html':new_html});
	}
}