window.addEvent('domready', function(){	
	if($('test'))
		$('test').setStyles({
			'width': '100%',
			'backgroundSize': 'cover'
			
		});
		
			
	if(!Browser.Engine.trident)
		return;
		
	var url = $('test').getStyle('backgroundImage');
	$('test').setStyles({'backgroundImage': 'none', 'overflow': 'hidden'});
	url = url.substr(5);
	url = url.substr(0, url.length-2);
	
	background = new Element('img', {
		'src': url
	}).hide();

	$('test').adopt(background);
	
	resize(background);
	
	background.show();	
	
	window.addEvent('resize', function(){
		resize(background);
	});
});

function resize(background){
	backgroundSize = $('test').getDimensions();
	
	// lower number is higher placed picture
	var offsets = {
		'About-Us' : {
			'top': -60,
			'dynamic': false
		},
		'Information-Center' : {
			'top': 0,
			'dynamic': false
		},
		'Our-Services' : {
			'top': -60,
			'dynamic': false
		},
		'Contact-us' : {
			'top': -60,
			'dynamic': 9
		},
	};
	
	var offset = 0;
	
	$each(offsets, function(value, key){
		offset = $('test').hasClass(key) ? value : offset;
	});
	
	if(offset.dynamic)
		offset.top -= (backgroundSize.width - 1200) / offset.dynamic;

	background.setStyles({
		'position':	'absolute',
		'left': 0,
		'top': offset.top,
		'width': '100%',
		'height': 'auto'
	});
}
