// JavaScript Document

window.onload = function() {
	
  resizebox();
}

window.onresize = function() {
	
  resizebox();
}


function resizebox() {
	othernumber = getDocHeight();	
	
	if((document.getElementById("contentarea").offsetHeight)>(getDocHeight() -120)) {
		othernumber = getDocHeight() + 120;
	} else {
		othernumber = getDocHeight();	
		
	}
	//alert(number)
	
	
	document.getElementById("contentarea").style.height = (othernumber - 200) +"px";
	
	number = othernumber + 120;
	
	//document.getElementById("footer").style.top = (number- +"px";
	
	document.getElementById("left_fade").style.height = number +"px";
	
	document.getElementById("right_fade").style.height = number +"px";
	
	document.getElementById("green_back").style.height = number +"px";
	
	document.getElementById("black_back").style.height = number +"px";
	
	document.getElementById("footer").style.top = number +"px";
}

function getDocHeight() {
	//alert("getdocheight")
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
		
    );

}

function preload() {
	var a = new Image
	var b = new Image
	var c = new Image
	a.src = "images/elements_01/btn_up.gif"
	b.src = "images/elements_01/btn_over.gif"
	c.src = "images/elements_01/btn_down.gif"
	
}

function rolllover(chi) {
	document.getElementById(chi).src = "images/"+chi+"_on.jpg";	
}

function rolllout(chi) {
	document.getElementById(chi).src = "images/"+chi+"_off.jpg";	
}