var menueActualWidth = 0;
var menue_images = new Array();

menue_images['menue_image1_on'] = new Image();
menue_images['menue_image1_off'] = new Image();
menue_images['menue_image2_on'] = new Image();
menue_images['menue_image2_off'] = new Image();
menue_images['menue_image3_on'] = new Image();
menue_images['menue_image3_off'] = new Image();
menue_images['menue_image4_on'] = new Image();
menue_images['menue_image4_off'] = new Image();
menue_images['menue_image5_on'] = new Image();
menue_images['menue_image5_off'] = new Image();
menue_images['menue_image6_on'] = new Image();
menue_images['menue_image6_off'] = new Image();
menue_images['menue_image7_on'] = new Image();
menue_images['menue_image7_off'] = new Image();

window.onresize = initializeContentHight;

function menueInit()
{
	initializeMenueWidth();	
	listInit();
}

function contentInit()
{
		initializeContentHight();
}

function initializeMenueWidth()
{
	var menue = document.getElementById("MainMenue");
	var totalWidth = 0;
	var listItemID = "";
	var listItem;
	
	menue.style.width = String(((menueActualWidth + 2) + "px"));

}

function getWindowWidth(win) {
 	if (win == undefined)
        win = window;
        
 	if (win.innerWidth)
        return win.innerWidth;
 	
 	if (win.document.documentElement && win.document.documentElement.clientWidth)
        return win.document.documentElement.clientWidth;
        
 	return win.document.body.offsetWidth; 	 
} 
function getWindowHeight(win) {
    if (win == undefined)
        win = window;
        
    if (win.innerHeight)
        return win.innerHeight;
        
    if (win.document.documentElement && win.document.documentElement.clientHeight)
        return win.document.documentElement.clientHeight;
        
    return win.document.body.offsetHeight;
}

function initializeContentHight()
{
	var scrHeight = getWindowHeight();
	var header = document.getElementById("header");
	var menue = document.getElementById("menue");
	var content = document.getElementById("gridContent");
	var footer = document.getElementById("footer");
	var grid = document.getElementById("grid");

	if((content.offsetHeight + header.offsetHeight + menue.offsetHeight + 53) < scrHeight)
	{
	//content.style.height = String(((scrHeight - header.offsetHeight - menue.offsetHeight) + "px"));	
	content.style.height = String(((scrHeight - header.offsetHeight - menue.offsetHeight - 53) + "px"));
	}
}

function StrechElement(id)
{
	var element = document.getElementById(id);
	var parent = element.parentNode;
	if(parent.id == ''){
		alert(String("Element streaching failed\n\nParent of " + id + " has no id."));
		element.style.border = "1px dashed #F00";
		return;
	}
	var childs = parent.getElementsByTagName("*");
	var height = 0;
	for(i = 0; i < childs.length; i++){
		if((childs[i].parentNode.id == parent.id) && (childs[i].id != id))
			height += childs[i].offsetHeight;
	}
	height = (parent.offsetHeight - height);
	element.style.height = String( height + "px" );
}

function centerMenue()
{
	var menue = document.getElementById("MainMenue");
	var screenWidth = document.body.clientWidth;
	var leftPadding = 0;
	var menueStyleWidth = 0;
	
	if(screenWidth <= menueActualWidth)
	{
		leftPadding = 0;
	}

	else
	{
		leftPadding = (screenWidth - menueActualWidth)/2;
	}

	menue.style.left = leftPadding;
}

function onMouseOver(imageName)
{
	var image = document.getElementById(imageName.name);
	image.src = menue_images[imageName.name + "_on"].src;	
}

function onMouseOut(imageName)
{
	var image = document.getElementById(imageName.name);
	image.src = menue_images[imageName.name + "_off"].src;
}

function listInit() {
	if (document.all && document.getElementById) {
		navRoot = document.getElementById("mainMenueUL");
		for (i=0; i < navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					var image = this.getElementsByTagName("img");
					if(image != null && image != "undefined")
					{
						image[0].src = menue_images[image[0].name + "_on"].src;
					}
					
				}
				node.onmouseout=function() {
					var image = this.getElementsByTagName("img");					
					if(image != null && image != "undefined")
					{
						image[0].src = menue_images[image[0].name + "_off"].src;				
					}
				}
			}
		}
	}
}