
function Background() {

	var container = $("hg_container"),
		imageFile = container.getElement("span").get("html"),
		imageElement = new Element("img")
		ratio = 1.33,
		fadeIn = container.hasClass("fadeIn"),
		ContainerTwo = $('hg_wrapper');

	container.empty();
	ContainerTwo.empty();
/*
	if (fadeIn) {

		window.addEvent("load", function() {
			Asset.image(imageFile, {onload: initImage});
		});

	} else {
		Asset.image(imageFile, {onload: initImage});
	}
*/
	Asset.image(imageFile, {onload: initImage});

	function initImage() {
		imageElement.src = imageFile;
		container.adopt(imageElement)
		ratio = imageElement.width / imageElement.height;
		window.addEvents({
			resize: adjustBackground,
			scroll: adjustBackground
		});
		adjustBackground();
	}

	function adjustBackground() {

		var dimensions = window.getSize(),
			scrolled = window.getScroll(),
			width = dimensions.x,
			height = width / ratio;

		if (height < dimensions.y) {
			height = dimensions.y;
			width = height * ratio;
		}

		container.setStyles({
			width: dimensions.x,
			height: dimensions.y
		});

		if (Browser.Engine.trident4) {
			container.setStyles({
				top: scrolled.y,
				left: scrolled.x
			});
		}


		imageElement.setStyles({
			width: dimensions.x,
			height: dimensions.y
		});
		
		ContainerTwo.setStyles({
			width: dimensions.x,
			height: dimensions.y
	   });
	}

}
