var timeoutA;
var timeoutB;

var subMenu1 = '<a href="mensen">het team</a> ';
//subMenu1+= '<a href="mensen">de mensen</a> ';

var subMenu2 = '<a href="portfolio.htm?section1">Natusan</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section2">Elburg</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section3">Droste</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section4">Efamol</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section5">DeAgostini</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section6">GezondNU</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section7">Hemoclin</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section8">NORT Flevoland</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section9">Rudewein</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section10">Natuurlijk & Gezond</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section11">meridol website</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section12">van der Linde</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section13">RoC</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section14">Compeed</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section15">Abbott</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section16">RepHresh</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section17">Replens</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section18">Listerine</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section19">Magnatech</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section20">Windesheim</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section21">RoC Hydra</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section22">OTS</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section23">pr8 architecten</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section24">Koninklijke Euroma</a> ';
subMenu2+= '<br/><a href="portfolio.htm?section25">elmex Peuter</a> ';

function changeMenu(menuId,menu,state)
{
    if(menu=='subMenuA')
    {
        clearTimeout(timeoutA);        
    }
    else
    {
        clearTimeout(timeoutB);
    }
    
    this.subDiv = document.getElementById(menu).getElementsByTagName('div');
    this.subDiv[0].innerHTML = menuId;
    
    //document.getElementById(menu).getElementsByTagName('div').innerHTML = menuId;

    if(state=='inline')
    {      
        document.getElementById(menu).style.display = state;
        opacity(menu,state,0,85,300);
    }
    else if(state=='none')
    {
      opacity(menu,state,85,0,300);
    } 
    
}

function changeMenub(menuId,state,pos)
{
    clearTimeout(timeout);
    
    document.getElementById('subMenu').style.left = pos;
    document.getElementById('subLinks').innerHTML = menuId;

    if(state=='inline')
    {      
        document.getElementById('subMenu').style.display = state;
        opacity('subMenu',state,0,85,300);
    }
    else if(state=='none')
    {
      opacity('subMenu',state,85,0,300);
    }    
}

function replaceMenu()
{    
    var temp = subMenu2.replace(/portfolio.htm\?/g,"#");
    subMenu2 = temp;
    
    //alert(subMenu2);
}
