/* start dropdown menu */

var visibleSubMenu = null;
var visibleSubMenuTimeout=null;
function initSubMenu(mnuId, lnkId) {    
	lnkObj = document.getElementById(lnkId);
	mnuObj = document.getElementById(mnuId);
	if (lnkObj && mnuObj) {
		mnuObj.isInitialized=function() {
		  return true;
		  }
		mnuObj.positionMe = function() {
 			this.style.position='absolute';
		   if (this.HasNoContent && this.HasNoContent==true) return;
		   var off = 18;
		   var tmpObj = document.getElementById(lnkId);
		   if (tmpObj.offsetHeight && tmpObj.offsetHeight > 0)
		     off = Math.max(off,tmpObj.offsetHeight);
		   this.style.top=(DL_GetElementTop(tmpObj) +off);
		   this.style.left = (DL_GetElementLeft(tmpObj));
		}
		mnuObj.HasNoContent = (new String(mnuObj.innerHTML).replace("\\w","") == "");
		mnuObj.resizeMe = function() {		    
		    if (this.HasNoContent && this.HasNoContent == true) return;
		    if (this.offsetWidth < document.getElementById(lnkId).offsetWidth)
		        this.style.width = document.getElementById(lnkId).offsetWidth;
		}
	}
}
function showSubMenu(id) {
	var obj=document.getElementById(id);
	if (obj) {
		if (visibleSubMenu && visibleSubMenu!=null && visibleSubMenu!=obj) {
			hideSubMenu();
		}
		if (!obj.positionMe) return;
		visibleSubMenu=obj;
		if (obj.HasNoContent && obj.HasNoContent==true) return;
		if (obj.positionMe) obj.positionMe();
		obj.style.display='';
		if (obj.resizeMe) obj.resizeMe();
		//		resetSubmenuTimeout(1600);		
	}
}
function resetSubmenuTimeout(timeout) {
	clearSubmenuTimeout();
	if (timeout)
		visibleSubMenuTimeout=window.setTimeout('hideSubMenu()',timeout);
	else
		visibleSubMenuTimeout=window.setTimeout('hideSubMenu()',500);
}
function clearSubmenuTimeout() {
	if (visibleSubMenuTimeout)
		window.clearTimeout(visibleSubMenuTimeout);
}
function hideSubMenu() {
	clearSubmenuTimeout();
	if (visibleSubMenu)
		visibleSubMenu.style.display='none';
	
}

function DL_GetElementLeft(eElement)
{
    if (!eElement && this)                      // if argument is invalid</font>
    {                                           // (not specified, is <tt>null</tt> or is <tt>0</tt>)</font>
        eElement = this;                        // and function is a method</font>
    }                                           // identify the element as the method owner</font>
    
    var nLeftPos = eElement.offsetLeft;         // initialize var to store calculations</font>
    var eParElement = eElement.offsetParent;    // identify first offset parent element</font>  
    while (eParElement != null)
    {                                           // move up through element hierarchy</font>
        nLeftPos += eParElement.offsetLeft;     // appending left offset of each parent</font>
        eParElement = eParElement.offsetParent; // until no more offset parents exist</font>
    }
    return nLeftPos;                            // return the number calculated</font>
}


function DL_GetElementTop(eElement)
{
    if (!eElement && this)
    {
        eElement = this;
    }
    
    var nTopPos = eElement.offsetTop;
    var eParElement = eElement.offsetParent;
    while (eParElement != null)
    {
        nTopPos += eParElement.offsetTop;
        eParElement = eParElement.offsetParent;
    }
    return nTopPos;
}
/* end dropdown menu */


//start enterpriseMenu functions

var preloadedMenuImages=new Array();
function preloadMenuImage(imageUrl) {
	var imgObj = new Image();
	imgObj.src=imageUrl;
	preloadMenuImage[preloadMenuImage.length] = imgObj;
}
function replaceImage(imgObj, newImgLoc) {
	for(var i=0;i<preloadedMenuImages.length;i++) {
		if (preloadedMenuImages[i] && preloadedMenuImages[i].src == newImgLoc) {
			imgObj.src = preloadedMenuImages[i].src;
			return;
		}
	}
	imgObj.src=newImgLoc;
}

//end enterprise menufunctions


//start menutop functions
function selectItem(itmName) {
    selected = itmName;    
	if (itmName == 'houtbouw')
		changeImages('houtbouw', '/img/site/menu/houtbouw-sel.jpg', 'gelijmde', '/img/site/menu/gelijmde-houtbouw_sel.jpg', 'huisvesting', '/img/site/menu/huisvesting.jpg');
	else if (itmName == 'gelijmde')
		changeImages('houtbouw', '/img/site/menu/houtbouw.jpg', 'gelijmde', '/img/site/menu/gelijmde-sel.jpg', 'huisvesting', '/img/site/menu/huisvesting-gelijmde_sel.jpg'); 	
	else if (itmName == 'huisvesting')
		changeImages('houtbouw', '/img/site/menu/houtbouw.jpg', 'gelijmde', '/img/site/menu/gelijmde.jpg', 'huisvesting', '/img/site/menu/huisvesting-sel.jpg');
	return true;
}

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImagesArray(array) {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<array.length; i+=2) {
			document[array[i]].src = array[i+1];
		}
	}
}

function changeImages() {
	changeImagesArray(changeImages.arguments);
}

function toggleImages() {
	for (var i=0; i<toggleImages.arguments.length; i+=2) {
		if (selected == toggleImages.arguments[i])      changeImagesArray(toggleImages.arguments[i+1]);
	}
}

var selected = '';
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		houtbouw_sel = newImage("img/site/menu/houtbouw-sel.jpg");
		gelijmde_sel = newImage("img/site/menu/gelijmde-sel.jpg");
		gelijmde_houtbouw_sel = newImage("img/site/menu/gelijmde-houtbouw_sel.jpg");
		huisvesting_sel = newImage("img/site/menu/huisvesting-sel.jpg");
		huisvesting_gelijmde_sel = newImage("img/site/menu/huisvesting-gelijmde_sel.jpg");
		preloadFlag = true;
	}
}

//end menutop functions