var mousex = 0;
var mousey = 0;
var grabx = 0;
var graby = 0;
var orix = 0;
var oriy = 0;
var elex = 0;
var eley = 0;
var algor = 0;
var dragobj = null;
var e = "";
var Nr = 0;
var verwijs;


function Laad() {
	BepaalVerwijs();
	for (tel=0; tel<6; tel++) {
		document.submenu.elements[tel].style.width = "0pt";}
	if (1 == 2 ) document.submenu.zoek.focus();
	document.onmousemove = update; // update(event) implied on NS, update(null) implied on IE
	update();}

function BepaalVerwijs() {
	verwijs = "";
	huidig = document.location.toString().toLowerCase();
	if (huidig != huidig.replace('menu', '')) verwijs = "../";
	if (huidig != huidig.replace('sub', '')) verwijs = "../../";}

function KlapMenuUit(nr) {
	ResetMenuus();
	if (nr == 1) document.menu1.src = verwijs + "sites/plaatjes/menu1m.jpg";
	if (nr == 2) document.menu2.src = verwijs + "sites/plaatjes/menu2m.jpg";
	if (nr == 3) document.menu3.src = verwijs + "sites/plaatjes/menu3m.jpg";
	if (nr == 4) document.menu4.src = verwijs + "sites/plaatjes/menu4m.jpg";
	breedteLinkermarge = (parseInt(document.body.clientWidth) - 900) / 2 + 90;
	if (breedteLinkermarge < 105) breedteLinkermarge = 105;

	links = breedteLinkermarge + (nr - 1) * 94 + "pt";
	boven = 44;
	for (tel=0; tel<6; tel++) {
		document.submenu.elements[tel].style.width = "125pt";
		document.submenu.elements[tel].style.left = links;
		document.submenu.elements[tel].style.top = boven + "pt";

		if (nr == 1) {
			if (tel == 0) {
				tekst = "Inleiding";
				ganaar = "sites/menu1_voorbereiding/01_inleiding.htm";}
			if (tel == 1) {
				tekst = "De brainstormfase";
				ganaar = "sites/menu1_voorbereiding/02_brainstormfase.htm";}
			if (tel == 2) {
				tekst = "Teksten schrijven";
				ganaar = "sites/menu1_voorbereiding/03_teksten_schrijven.htm";}
			if (tel == 3) {
				tekst = "Foto's bewerken";
				ganaar = "sites/menu1_voorbereiding/04_fotoos_bewerken.htm";}
			if (tel == 4) {
				tekst = "Webzaken regelen";
				ganaar = "sites/menu1_voorbereiding/05_webzaken_regelen.htm";}
			if (tel == 5) {
				tekst = "Zoekmachinezaken";
				ganaar = "sites/menu1_voorbereiding/06_zoekmachinezaken.htm";}}

		if (nr == 2) {
			if (tel == 0) {
				tekst = "Materialen verzamelen";
				ganaar = "sites/menu2_webhetzelf/01_materialen_verzamelen.htm";}
			if (tel == 1) {
				tekst = "De basis: HTML";
				ganaar = "sites/menu2_webhetzelf/02_html_de_basis.htm";}
			if (tel == 2) {
				tekst = "Navigatie en frames";
				ganaar = "sites/menu2_webhetzelf/03_frames.htm";}
			if (tel == 3) {
				tekst = "Formulieren gebruiken";
				ganaar = "sites/menu2_webhetzelf/04_formulieren.htm";}
			if (tel == 4) {
				tekst = "Gastenboek en zo";
				ganaar = "sites/menu2_webhetzelf/05_gastenboek_enzo.htm";}
			if (tel == 5) {
				tekst = "Stylesheets (css)";
				ganaar = "sites/menu2_webhetzelf/06_stylesheets.htm";}}

		if (nr == 3) {
			if (tel == 0) {
				tekst = "Inleiding";
				ganaar = "sites/menu3_trukendoos/01_inleiding.htm";}
			if (tel == 1) {
				tekst = "De basis: Javascript";
				ganaar = "sites/menu3_trukendoos/02_javascript.htm";}
			if (tel == 2) {
				tekst = "Toeters en bellen";
				ganaar = "sites/menu3_trukendoos/03_toeters_en_bellen.htm";}
			if (tel == 3) {
				tekst = "Fotopresentaties";
				ganaar = "sites/menu3_trukendoos/04_fotopresentaties.htm";}
			if (tel == 4) {
				tekst = "Rekenwerk";
				ganaar = "sites/menu3_trukendoos/05_rekenwerk.htm";}
			if (tel == 5) {
				tekst = "Datum en tijd";
				ganaar = "sites/menu3_trukendoos/06_datum_en_tijd.htm";}}

		if (nr == 4) {
			if (tel == 0) {
				tekst = "Checklist";
				ganaar = "sites/menu4_inspiratiebronnen/01_checklist.htm";}
			if (tel == 1) {
				tekst = "Kleuren en letters";
				ganaar = "sites/menu4_inspiratiebronnen/02_kleuren_en_letters.htm";}
			if (tel == 2) {
				tekst = "Menu“s en links";
				ganaar = "sites/menu4_inspiratiebronnen/03_menuus_en_links.htm";}
			if (tel == 3) {
				tekst = "Fotopresentaties";
				ganaar = "sites/menu4_inspiratiebronnen/04_fotopresentaties.htm";}
			if (tel == 4) {
				tekst = "Animaties";
				ganaar = "sites/menu4_inspiratiebronnen/05_animaties.htm";}
			if (tel == 5) {
				tekst = "Sjablonen van sites";
				ganaar = "sites/menu4_inspiratiebronnen/06_sjablonen_sites.htm";}}

		document.submenu.elements[tel].value = tekst;
		document.submenu.elements[tel].name = verwijs + ganaar;
		boven = boven + 17;}}

function ResetMenuus() {
	document.menu1.src = verwijs + "sites/plaatjes/menu1.jpg";
	document.menu2.src = verwijs + "sites/plaatjes/menu2.jpg";
	document.menu3.src = verwijs + "sites/plaatjes/menu3.jpg";
	document.menu4.src = verwijs + "sites/plaatjes/menu4.jpg";
	}

function OpenSubmenu(naam) {
	document.location = naam;}

function Hooglicht(Nr)  {
	document.submenu.elements[Nr].id = "submenuhoog";}

function Laaglicht(Nr)  {
	document.submenu.elements[Nr].id = "submenu";}


function VerbergSubmenuus() {
	grenslinks = parseInt(document.submenu.elements[0].style.left);
	grensrechts = grenslinks + 100;
	if (Nr == 0) {
		grenslinks = 0;
		grensrechts = 2000;}
	if (mousey > 180 || mousex < grenslinks || mousex > grensrechts) {
		ResetMenuus();
		for (tel=0; tel<6; tel++) {
			document.submenu.elements[tel].style.width = "0pt";
			document.submenu.elements[tel].value = "";
			document.submenu.elements[tel].style.top = "200pt";
			document.submenu.elements[tel].style.left = "0pt";}}}


function MaakMenu(kols) {
	BepaalVerwijs();
	kols1 = parseInt(kols) + 2;
	kols2 = parseInt(kols) + 1;

	c =       '<a name="Boven"></a><table border=0 cellpadding=0 cellspacing=0 width=900px align=center>';
	c = c +   '<tr valign="top"><td background="' + verwijs + 'sites/plaatjes/zondoorbomen_boven.jpg" style="padding-top: 8pt; height: 90pt;" colspan=' + kols1 + '>';

	c = c +   '<form name=submenu style="padding: 0pt; margin: 0pt;" onsubmit="NaarGoogle(document.submenu.zoek.value)">';

	c = c +   '<input type="button" id="submenu" onClick="OpenSubmenu(this.name)" onmouseout="Laaglicht(0)" onmouseover="Hooglicht(0)"';
	c = c +   ' title="Klik hier voor de inhoud van dit subonderwerp.">';
	c = c +   '<input type="button" id="submenu" onClick="OpenSubmenu(this.name)" onmouseout="Laaglicht(1)" onmouseover="Hooglicht(1)"';
	c = c +   ' title="Klik hier voor de inhoud van dit subonderwerp.">';
	c = c +   '<input type="button" id="submenu" onClick="OpenSubmenu(this.name)" onmouseout="Laaglicht(2)" onmouseover="Hooglicht(2)"';
	c = c +   ' title="Klik hier voor de inhoud van dit subonderwerp.">';
	c = c +   '<input type="button" id="submenu" onClick="OpenSubmenu(this.name)" onmouseout="Laaglicht(3)" onmouseover="Hooglicht(3)"';
	c = c +   ' title="Klik hier voor de inhoud van dit subonderwerp.">';
	c = c +   '<input type="button" id="submenu" onClick="OpenSubmenu(this.name)" onmouseout="Laaglicht(4)" onmouseover="Hooglicht(4)"';
	c = c +   ' title="Klik hier voor de inhoud van dit subonderwerp.">';
	c = c +   '<input type="button" id="submenu" onClick="OpenSubmenu(this.name)" onmouseout="Laaglicht(5)" onmouseover="Hooglicht(5)"';
	c = c +   ' title="Klik hier voor de inhoud van dit subonderwerp.">';
	if (1 == 2) {
		c = c +   '<input type="text" size="15" name="zoek" id=zoekveld><input type="button" onClick="NaarGoogle(document.submenu.zoek.value)"';
		c = c +   ' value="Zoek!" id="zoekknop" title="Typ hier woorden waarop je wilt zoeken.">';}

	c = c +   '<table border="0" cellpadding="0" cellspacing="0">';
	c = c +   '<tr valign="top"><td style="padding-left: 8pt; width=110pt;">';

	c = c +   '<img src="' + verwijs + 'sites/plaatjes/logo.jpg" name="logo" border=0></td><td>';

	c = c +   '<img src="' + verwijs + 'sites/plaatjes/menu1.jpg" name="menu1" border=0';
	c = c +   ' onmouseover="KlapMenuUit(1)" style="padding-left: 20pt;">&nbsp;';
	c = c +   '<img src="' + verwijs + 'sites/plaatjes/menu2.jpg" name="menu2" border=0';
	c = c +   ' onmouseover="KlapMenuUit(2)">&nbsp;';
	c = c +   '<img src="' + verwijs + 'sites/plaatjes/menu3.jpg" name="menu3" border=0';
	c = c +   ' onmouseover="KlapMenuUit(3)">&nbsp;';
	c = c +   '<img src="' + verwijs + 'sites/plaatjes/menu4.jpg" name="menu4" border=0';
	c = c +   ' onmouseover="KlapMenuUit(4)">';
	c = c +   '</td></tr></table></form>';

	c = c +   '</td></tr>';
	c = c +   '<tr valign="top"><td id="hierbalk" width=120px>&nbsp;</td>';
	c = c +   '<td id="hierbalk" style="padding-left: 8pt;" nowrap colspan=' + kols2 + '>';
	document.write (c);}


function MaakLinkermarge(kols) {
	BepaalVerwijs();
	c =       '</td></tr><tr valign="top"><td background="' + verwijs + 'sites/plaatjes/zondoorbomen_links.jpg" style="padding-top: 350pt;">';
	c = c +   '<nobr><font size=7>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></nobr></td>';
	if (kols == 1) {
		c = c +   '<td width=700px id="tekstkolom" style="padding-right: 15pt;">';}
	else {
		kolbreedte = 350;
		if (parseInt(kols) > 3) kolbreedte = kols;
		c = c +   '<td width=' + kolbreedte + 'px id="tekstkolom" style="padding-right: 15pt;">';}
	document.write (c);}

function MaakBasiskolom(kolbreedte) {
	if (isNaN(parseInt(kolbreedte)+1)) kolbreedte = 350;
	c =       '</td><td  width=' + kolbreedte + 'px id="tekstkolom">';
	document.write (c);}

function MaakRechterkolom(kols) {
	BepaalVerwijs();
	c =       '</td><td id="tekstkolom" width=40px nowrap align="right" style="padding-top: 12pt;">';
	c = c +   '<a href="mailto:info@webhof.nl?subject=Reactie op Webhof.nl"><img src="' + verwijs + 'sites/plaatjes/mail.gif" border=0></a><br><br>';
	c = c +   '<a href="javascript:alert(§Volgt.§)"><img src="' + verwijs + 'sites/plaatjes/sitemap.gif" border=0></a><br><br>';
	c = c +   '<a href="javascript:alert(§Volgt.§)"><img src="' + verwijs + 'sites/plaatjes/word.gif" border=0></a><br><br>';
	c = c +   '<a href="javascript:window.navigate(§' + verwijs + 'menu5/links.htm§)"><img src="' + verwijs + 'sites/plaatjes/download.gif" border=0></a><br><br>';

	kols = parseInt(kols);
	if (isNaN(kols)) kols = 2;
	kols2 = parseInt(kols) + 1;
	c = c +   '<tr valign="top"><td id="hierbalk" width=120px><a href="javascript:Boven()">Scroll boven</a></td>';
	c = c +   '<td id="hierbalk" style="padding-left: 8pt;" nowrap colspan=' + kols2 + '>';
	c = c +   'Deze site zit nog in een oriėnterende fase. Langzaam maar zeker wordt de inhoud gevuld.';
	c = c +   '</td></tr></table>';
	c = c.toString().replace("§", "'");
	c = c.toString().replace("§", "'");
	c = c.toString().replace("§", "'");
	c = c.toString().replace("§", "'");
	c = c.toString().replace("§", "'");
	c = c.toString().replace("§", "'");
	document.write (c);}

function NaarGoogle(zoeknaar) {
	url = "http://www.google.nl/search?as_q=ZOEKTERM&hl=nl&num=20&btnG=Google+zoeken&as_epq=&as_oq=&as_eq=&lr=&cr=&as_ft=i&as_filetype=&as_qdr=all&as_occt=any&as_dt=i&as_sitesearch=www.webhof.nl&as_rights=&safe=images";
	zoekurl = url.replace("ZOEKTERM", zoeknaar);
	window.navigate (zoekurl);}







function getMouseXY(e) // works on IE6,FF,Moz,Opera7
{ 
  if (!e) e = window.event; // works on IE, but not NS (we rely on NS passing us the event)

  if (e)
  { 
    if (e.pageX || e.pageY)
    { // this doesn't work on IE6!! (works on FF,Moz,Opera7)
      mousex = e.pageX;
      mousey = e.pageY;
      algor = '[e.pageX]';
      if (e.clientX || e.clientY) algor += ' [e.clientX] '
    }
    else if (e.clientX || e.clientY)
    { // works on IE6,FF,Moz,Opera7
      mousex = e.clientX + document.body.scrollLeft;
      mousey = e.clientY + document.body.scrollTop;
      algor = '[e.clientX]';
      if (e.pageX || e.pageY) algor += ' [e.pageX] '
    }  
  }
}

function update(e)
{
  getMouseXY(e); // NS is passing (event), while IE is passing (null)
}

function grab(context)
{
  document.onmousedown = falsefunc; // in NS this prevents cascading of events, thus disabling text selection
  dragobj = context;
  dragobj.style.zIndex = 10; // move it to the top
  document.onmousemove = drag;
  document.onmouseup = drop;
  grabx = mousex;
  graby = mousey;
  elex = orix = dragobj.offsetLeft;
  eley = oriy = dragobj.offsetTop;
  update();
}

function drag(e) // parameter passing is important for NS family 
{
  if (dragobj)
  {
    elex = orix + (mousex-grabx);
    eley = oriy + (mousey-graby);
    dragobj.style.position = "absolute";
    dragobj.style.left = (elex).toString(10) + 'px';
    dragobj.style.top  = (eley).toString(10) + 'px';
  }
  update(e);
  return false; // in IE this prevents cascading of events, thus text selection is disabled
}

function drop()
{
  if (dragobj)
  {
    dragobj.style.zIndex = 0;
    dragobj = null;
  }
  update();
  document.onmousemove = update;
  document.onmouseup = null;
  document.onmousedown = null;   // re-enables text selection on NS
}

function Boven(){
	s = 700;
        for (I=s; I>=1; I--){
                parent.scroll(s,I);
                Stap = 1;
                if (I > 10) Stap = 10;
                if (I > 100) Stap = 100;
                I = I - Stap;}}

function Popups(strBestand) {
	venster = window.open(strBestand, 'Popup', 'left=20,top=320,width=420,height=160,toolbar=0,status=0,scrollbars=1,resizable=1');
	venster.focus();}

function WijzigPagina(ganaar) {
	document.raam.location = ganaar;}