var detect = navigator.userAgent.toLowerCase(); 
var browser,thestring; 


function getBrowser() 
{ 

if (checkIt('msie') || checkIt('internet explorer')) browser = "IE"; 
else if (!checkIt('compatible') || checkIt('firefox')) 
{ 
    browser = "Mozilla"; 
    if(checkIt('firefox')) 
        browser="Firefox"; 
} 
else browser = "Unknown"; 



return browser; 
} 



function checkIt(string) 
{ 
    place = detect.indexOf(string) + 1; 
    thestring = string; 
    return place; 
} 

function getImageXfromLeft(imgID) { 
   
  //if not using IE 
  if (getBrowser()!="IE") return document.getElementById(imgID).x; 
  else return getRealLeft(imgID);//else, using Internet explorer 
} 

function getImageYfromTop(imgID) { 
  if (getBrowser()!="IE") return document.getElementById(imgID).y; 
  else return getRealTop(imgID); 
} 




////////////////////////// 
//These below handle Internet explorer 
///////////////////////// 

function getRealLeft(imgElem) { 
    xPos = document.getElementById(imgElem).offsetLeft; 
    tempEl = document.getElementById(imgElem).offsetParent; 
      while (tempEl != null) { 
          xPos += tempEl.offsetLeft; 
          tempEl = tempEl.offsetParent; 
      } 
    return xPos; 
} 

function getRealTop(imgElem) {// 
    yPos = document.getElementById(imgElem).offsetTop; 
    tempEl = document.getElementById(imgElem).offsetParent; 
    while (tempEl != null) { 
          yPos += tempEl.offsetTop; 
          tempEl = tempEl.offsetParent; 
      } 
    return yPos; 
} 

	function hideAll()
	{
		var objAanbod = document.getElementById("idAanbod")
		var objTref = document.getElementById("idTrefwoord")
		/*var objAccount = document.getElementById("divAccount")
		var objHelp = document.getElementById("divHelp")		*/
		
		objAanbod.style.display = "NONE"
		objTref.style.display = "NONE"
		/*objOrders.style.display = "NONE"
		objAccount.style.display = "NONE"
		objHelp.style.display = "NONE"*/
	}
	function hideAllSub()
	{
		hideAll()
		var objCurrentOrder = document.getElementById("keukenhoekdetail")
		var objCurrentOrder2 = document.getElementById("kinderparadijsdetail")
		var objCurrentOrder3 = document.getElementById("woonsfeerdetail")
		var objCurrentOrder4 = document.getElementById("maatwerkdetail")
		/*var objOrderStatus = document.getElementById("divOrderStatus")*/
		objCurrentOrder.style.display = "NONE"
		objCurrentOrder2.style.display = "NONE"
		objCurrentOrder3.style.display = "NONE"
		objCurrentOrder4.style.display = "NONE"
		/*objOrderStatus.style.display = "NONE"	*/
	}
	function showMe(str,strObj2)
	{
		var myLeft = getImageXfromLeft(strObj2) + "px"
		var myTop = (getImageYfromTop(strObj2) + 16) + "px"
		hideAll()
		var obj = document.getElementById(str)
		obj.style.left = myLeft 
		obj.style.top = myTop
		obj.style.display = "BLOCK"
	}
	function showMeSub(str,strObj2)
	{
		var myLeft = (getImageXfromLeft(strObj2) + 100) + "px"
		var myTop = (getImageYfromTop(strObj2)) + "px"
		hideAll()
		var obj = document.getElementById(str)
		obj.style.left = myLeft 
		obj.style.top = myTop
		obj.style.display = "BLOCK"
	}