function loadXMLDoc(dname)
{
var xmlDoc;
// code for IE
if (window.ActiveXObject)
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xmlDoc=document.implementation.createDocument("","",null);
  }
else
  {
  alert('Your browser cannot handle this script');
  }
xmlDoc.async=false;
xmlDoc.load(dname);
return(xmlDoc);
}


  function NewWindow(mypage, myname, w, h, scroll) {
    var winl = (screen.width - w) / 3;
    var wint = (screen.height - h) / 3;
    winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable'
    win = window.open(mypage, myname, winprops)
    if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
  }
  function showtitle( event , el , inhoud){
    cx = event.clientX + document.documentElement.scrollLeft;
    cy = event.clientY + document.documentElement.scrollTop;

    document.getElementById( "titlepop" ).style.left = (cx+15) + "px";
   /*   document.getElementById( "titlepop" ).style.left = "150px";      */
    document.getElementById( "titlepop" ).style.top = cy + "px";
   /*   document.getElementById( "titlepop" ).style.top =  "650px";      */
    document.getElementById( "titlepop" ).style.display = "";
     document.getElementById( "titlepop" ).style.zIndex = "1";                /* hierdoor komt de layout op de voorgrond */
    document.getElementById( "titlepop" ).innerHTML = inhoud;
  }
  function hidetitle(){
    document.getElementById( "titlepop" ).style.display = "none";
    document.getElementById( "titlepop" ).style.zIndex = "-1";
    document.getElementById( "titlepop" ).innerHTML = "";
		}


    function opladen1(){
      hidetitle();
   /*   loadXMLDoc("./zelfst1.xml");  */
    }


    function zenden(onderwerp){
      document.write("      <a href='mailto:decoba.design@"
      +"gmail.com?subject=from-website-Klerken.be:plaatsaa"
      +"nvraag+"
      + onderwerp
      + " ' class='menulink'> een link naar"
      +" uw website hier ? <\/a> <br \> <br \>  ");
      document.write(" <p \/> <br /\>  ");
    }

    function zenden2(onderwerp){
      document.write("      <a href='mailto:decoba.design@"
      +"gmail.com?subject=from-website-Klerken.be:plaatsaa"
      +"nvraag+"
      + onderwerp
      + " ' class='menulink'> contact "
      + "<img src=\"decoba2.jpg\" alt=\"Contact webmaster\" width=\"21\" height=\"38\" border=\"0\"align=\"bottom\" \/>"
      +" webmaster <\/a> <br \>  ");
    }
/* ---------------------------------------------------------- */
    function opladen(titel){

			xmlDoc=loadXMLDoc(titel);
			var x=xmlDoc.getElementsByTagName('naam1');
			var h=xmlDoc.getElementsByTagName('homepage');
			var a1=xmlDoc.getElementsByTagName('adres1');
			var i1=xmlDoc.getElementsByTagName('info1');
			for (i=0;i<x.length;i++)
			  {
    /*    a2 = a1[i].childNodes[0].nodeValue;   */
        /*
        document.write("<div class=\"item3\" style=\"border-color:#008000;\" ");
        document.write(x[i].childNodes[0].nodeValue);
        document.write("onmouseover=\"showtitle( event , this, '<br>");
        document.write(x[i].childNodes[0].nodeValue);
        document.write("<br>");
        document.write(a1[i].childNodes[0].nodeValue);
        document.write("<br>");
        document.write(i1[i].childNodes[0].nodeValue);
        document.write(" ');\" ");
        document.write("onmouseout=\"hidetitle();\" ");
        document.write("onclick=\"NewWindow(' ");
        document.write(h[i].childNodes[0].nodeValue);
        document.write("','name','800','600','yes'\);return false;\" ");
        document.write(">");
        document.write(i+1);
        document.write(" <span style=\"color:#FF0000;cursor:pointer\"> ");
        document.write(x[i].childNodes[0].nodeValue);
        document.write(" ");
        document.write("</span> ");
        document.write("</div> ");
        document.write("<div class=\"item3\" style=\"border-color:#008000;\" ");
        document.write("onmouseover=\"showtitle( event , this, '<br>");
        document.write(x[i].childNodes[0].nodeValue);
        document.write("<br>");
        document.write("1<br>");
        document.write("<br>");
        */

        z = x[i].childNodes[0].nodeValue
        b1 = a1[i].childNodes[0].nodeValue
        y = z + "<br><br>"   + b1
        document.write("<div class=\"item3\" style=\"border-color:#008000;\" ");
        document.write("onmouseover=\"showtitle( event , this, '<br>");
        document.write(y);
        document.write("<br>");
        document.write(i1[i].childNodes[0].nodeValue);

   /*     document.write(a2);
   */

     /*   document.write(a1[i].childNodes[0].nodeValue);
         document.write("<br>");
        document.write(i1[i].childNodes[0].nodeValue);
     */   document.write(" '); \" ");
        document.write("onmouseout=\"hidetitle();\" ");
        document.write("onclick=\"NewWindow(' ");
        document.write(h[i].childNodes[0].nodeValue);
        document.write("','name','800','600','yes'\);return false;\" ");
            document.write(">");
            document.write(" <span style=\"color:#FF0000;cursor:pointer\"> ");
        document.write(x[i].childNodes[0].nodeValue);
            document.write(" ");
        document.write("</span> ");
          document.write("</div> ");
	document.write("<br>");


 /*      Fout in IE

				document.write("<div class=\"item3\" style=\"border-color:#008000;\" ");
				document.write("onmouseover=\"showtitle( event , this, '<br>");
				document.write(x[i].childNodes[0].nodeValue);
				document.write("<br>");
				document.write(a1[i].childNodes[0].nodeValue);
				document.write("<br>");
				document.write(i1[i].childNodes[0].nodeValue);
				document.write(" '); \" ");
				document.write("onmouseout=\"hidetitle();\" ");
        document.write("onclick=\"NewWindow(' ");
				document.write(h[i].childNodes[0].nodeValue);
				document.write("','name','800','600','yes'\);return false;\" ");
         		document.write(">");
		        document.write(" <span style=\"color:#FF0000;cursor:pointer\"> ");
				document.write(x[i].childNodes[0].nodeValue);
         		document.write(" ");
				document.write("</span> ");
			    document.write("</div> ");
   */
				/*
				document.write("<a href=\"")
				document.write(h[i].childNodes[0].nodeValue)
				document.write("\"><img src=\"decoba2.jpg\" alt=\"Go to newpage\" width=\"6\" height=\"6\" border=\"0\"  \/><\/a>")
				document.write("<\/div>")
				*/
			  }
/*			  document.write("<div class=\"mail\">")  */
/*        zenden(titel); */
/*			  document.write("<\/div>") */
    }

/* ---------------------------------------------------------- */
    function opladentest(titel, hoofding, xml){

      document.write("<div class=\"onderwerp1\">");
      document.write("<a name=\"");
      document.write(hoofding);
      document.write("\"><\/a>");
      document.write("<span class=\"color3\"> <b>"
			+hoofding
			+"<\/b> <\/span>"
            +" <div class=\"mail\"> ");
      document.write("<a href=\"#top1\">[naar begin]<\/a>");
      zenden(hoofding);
	document.write(" <\/div> <div class=\"item3\">   <\/div> ");
	document.write("<br>");

	opladen(titel);
	document.write("<\/div>  ");
    /*  document.write("<div class=\"item3\">   <\/div> ");  */

    }
/* ---------------------------------------------------------- */