<!-- // Hide

//===========
function newWin(nr){
  switch(nr){
	case 1: url="http://www.volkswagen.nl";
	break;
	case 2: url="http://www.opel.nl";
	break;
 }
	var newwin = window.open(url, 'test');
	newwin.focus();
}
//==========

/*Hier begint script om de tekst v/d menu opties te verlengenen, 'de menu links'.
Het doel hiervan is om het actieve gedeelte van de menu links groter te maken.*/
MnuOpt = new Array(
"&nbsp; Opel",
"&nbsp; audio",
"&nbsp; wielen",
"&nbsp; route",
"&nbsp; e-mail",
"&nbsp; disclaimer"
);

var array_len=MnuOpt.length -1;
var mnu_opt_len;
var i=0;
for(i; i <= array_len; i++){
mnu_opt_len=MnuOpt[i].length;
  for(mnu_opt_len; mnu_opt_len <= 19; mnu_opt_len++){ 
  MnuOpt[i]=MnuOpt[i]+ "&nbsp;";  
  }
}

/* Hier begint het menu script. Dit is een uitgeklede versie van een menu scrip dat oorsprongklijk is geschreven door WebTron */
function getRef(id)
{
return document.getElementById(id);
}
function getSty(id)
{
return getRef(id).style;
} 
var popTimer = 0;
var litNow = new Array();
function popOver(menuNum, itemNum)
{
 clearTimeout(popTimer);

 hideAllBut(menuNum);

 litNow = getTree(menuNum, itemNum);
 changeCol(litNow, true);

 targetNum = menu[menuNum][itemNum].target;
 if (targetNum > 0)
 {

  thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);
  thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);

  with (menu[targetNum][0].ref)
  {
   left = parseInt(thisX + menu[targetNum][0].x);
   top = parseInt(thisY + menu[targetNum][0].y);
   visibility = 'visible';
  }
 }
}

function popOut(menuNum, itemNum)
{
 if ((menuNum == 0) && !menu[menuNum][itemNum].target)
  hideAllBut(0)
 else
  popTimer = setTimeout('hideAllBut(0)', 500);
}

function getTree(menuNum, itemNum)
{
 itemArray = new Array(menu.length);

 while(1)
 {
  itemArray[menuNum] = itemNum;
  if (menuNum == 0) return itemArray;
  itemNum = menu[menuNum][0].parentItem;
  menuNum = menu[menuNum][0].parentMenu;
 }
}

function changeCol(changeArray, isOver)
{
 for (menuCount = 0; menuCount < changeArray.length; menuCount++)
 {
  if (changeArray[menuCount])
  {
   newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;

   with (menu[menuCount][changeArray[menuCount]].ref)
   {
  backgroundColor = newCol;
   }
  }
 }
}

function hideAllBut(menuNum)
{
 var keepMenus = getTree(menuNum, 1);

 for (count = 0; count < menu.length; count++)
  if (!keepMenus[count])
   menu[count][0].ref.visibility = 'hidden';

 changeCol(litNow, false);
}

function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass)
{
 this.isVert = isVert;
 this.popInd = popInd
 this.x = x;
 this.y = y;
 this.width = width;
 this.overCol = overCol;
 this.backCol = backCol;
 this.borderClass = borderClass;
 this.textClass = textClass;
 this.parentMenu = null;
 this.parentItem = null;
 this.ref = null;
}

function Item(text, href, frame, length, spacing, target)
{
 this.text = text;
 this.href = href;
 this.frame = frame;
 this.length = length;
 this.spacing = spacing;
 this.target = target;
 this.ref = null;
}

function writeMenus()
{
 /* hier moet een alert functie worden in gebouwd wanneer de browser geen windows exporer IE4 of hoger is*/
 for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0])
 {
  var str = '', itemX = 0, itemY = 0;

  for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem])
  {
   var itemID = 'menu' + currMenu + 'item' + currItem;
   var w = (isVert ? width : length);
   var h = (isVert ? length : width);

  
    str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX +
     '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';
    if (backCol) str += 'background: ' + backCol + '; ';
    str += '" ';
  // }

   if (borderClass) str += 'class="' + borderClass + '" ';
   
   str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' +
     currMenu + ',' + currItem + ')">';

   str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="0"'+ '"><tr><td align="left" height="' + (h - 7) + '">' +
    '<a class="' + textClass + '" href="' + href + '"' +
     '>' + text + '</a></td>';

  if (target > 0)
   {
    menu[target][0].parentMenu = currMenu;
    menu[target][0].parentItem = currItem;
   }

   str += '</tr></table>' + '</div>';

   if (isVert) itemY += length + spacing;
   else itemX += length + spacing;

  }

   var newDiv = document.createElement('div');
   document.getElementsByTagName('body').item(0).appendChild(newDiv);
   newDiv.innerHTML = str;
   ref = newDiv.style;
    
   ref.position = 'absolute';
   ref.visibility = 'hidden';
   for (currItem = 1; currItem < menu[currMenu].length; currItem++)
  {
   itemName = 'menu' + currMenu + 'item' + currItem;
 menu[currMenu][currItem].ref = getSty(itemName);
  }

 }

 with(menu[0][0])
 {
  ref.left = x;
  ref.top = y;
  ref.visibility = 'visible';
 }
}

var menu = new Array();
var defOver = '#0000ff', defBack = '#0000ac';
var defLength = 22;
var scrWidth = screen.availWidth
var LeftMarge
var MnuOffset
if(scrWidth <= 800){
LeftMarge = 65
MnuOffset = -40
}
else {
LeftMarge = 180
MnuOffset = 0
}
//hoofdmenu
menu[0] = new Array();
menu[0][0] = new Menu(false, '', LeftMarge, 58, 10, '', '', '', '');
menu[0][1] = new Item('&nbsp; home', '#', '', 55, 78, 1);
menu[0][2] = new Item('&nbsp; occasions', '#', '', 80, 83, 2);
menu[0][3] = new Item('&nbsp; nieuw', '#', '', 60, 80, 3);
menu[0][4] = new Item('&nbsp; accessoires', '#', '', 90, 80, 4);
menu[0][5] = new Item('&nbsp; info', '#', '', 90, 80, 5);

// home menu
menu[1] = new Array();
menu[1][0] = new Menu(true, '&raquo;', 0, 22, 90, defOver, defBack, 'itemBorder', '');
menu[1][1] = new Item('&nbsp; welkom', 'index.html', '', defLength, 0, 0);
menu[1][2] = new Item('&nbsp; ontspanning', 'puzzel.html', '', defLength, 0, 0);

//occasion menu
menu[2] = new Array();
menu[2][0] = new Menu(true, '&raquo;', 0, 22, 119, defOver, defBack, 'itemBorder', '');
menu[2][1] = new Item('&nbsp; actuele occasions', 'occ_listvw.php', '', defLength, 0, 0);
menu[2][2] = new Item('&nbsp; occasion v/d week', 'ocvdw.php', '', defLength, 0, 0);

//nieuwe auto's menu
menu[3] = new Array();
menu[3][0] = new Menu(true, '&raquo;', 0, 22, 90, defOver, defBack, 'itemBorder', '');
menu[3][1] = new Item('&nbsp; Volkswagen', 'javascript:newWin(1)', '', defLength, 0, 0);
menu[3][2] = new Item(MnuOpt[0], 'javascript:newWin(2)', '', defLength, 0, 0);

//accessoires menu
menu[4] = new Array();
menu[4][0] = new Menu(true, '&raquo;', 0, 22, 100, defOver, defBack, 'itemBorder', '');
menu[4][1] = new Item(MnuOpt[1], 'audio.html', '', defLength, 0, 0);
menu[4][2] = new Item('&nbsp; navigatie', 'nav.html', '', defLength, 0, 0);
menu[4][3] = new Item(MnuOpt[2], 'wielen.html', '', defLength, 0, 0);
menu[4][4] = new Item('&nbsp; banden', 'banden.html', '', defLength, 0, 0);

//info menu
menu[5] = new Array();
menu[5][0] = new Menu(true, '&raquo;', MnuOffset, 22, 112, defOver, defBack, 'itemBorder', '');
menu[5][1] = new Item(MnuOpt[3], 'route.html', '', defLength, 0, 0);
menu[5][2] = new Item(MnuOpt[4], 'mailto:info@autobedrijf-paalman.nl', '', defLength, 0, 0);
menu[5][3] = new Item('&nbsp; links', 'link.html', '', defLength, 0, 0);
menu[5][4] = new Item('&nbsp; disclaimer', 'disclaimer.html', '', defLength, 0, 0);

// End Hide -->