/* Copyright S.D.E. Broekema */


 var d = 0;
 function mm(id,href) {

   if(id == null) { id = d = 0; href = false; }

   var sel = 0;
   for(i=0;i<g.length;i++) {

     if(i != 24 && i != 25 && i != 26)
     {
       $('img_G' + i).style.display = 'none';
     }
     $('nav_sel').options[i].value == id ? sel = i : '';

   }
   if(id != 24 && id != 25 && id != 26) {
     $('img_G' + id).style.display = 'block';
   } else {
     $('img_G0').style.display = 'block';
   }

   var sel = 0;
   for(i=0;i<$('nav_sel').options.length;i++) {

     $('nav_sel').options[i].value == id ? sel = i : '';

   }
   $('nav_sel').selectedIndex = sel; 


   if(href)
   {
     d = id; (g[d][3] != 0 || d == 26 || g[26][3] != 0) ? $('data_G' + d).style.display = 'block' : '';
     $('nav_sel_plaats').options[$('nav_sel_plaats').selectedIndex].value != d ? $('nav_sel_plaats').selectedIndex = 0 : '';
   }
   for(i=0;i<g.length;i++) {
     if(d != i || (d == 0 && !href)) { $('data_G' + i).style.display = 'none'; }
   }

 }



 function nav_select_plaats(id)
 {

   var sel = '';
   var sel_ = $('nav_sel_plaats').selectedIndex; 

   if(sel_ != 0 && sel_ != 1 )
   {
     sel = $('nav_sel_plaats').options[$('nav_sel_plaats').selectedIndex].value; mm(sel,true);
   }
 }



 function nav_select(id)
 {

   var sel = '';
   var sel_ = $('nav_sel').selectedIndex; 

   if(sel_ != 0 && sel_ != 1 && sel_ != 25)
   {
     sel = $('nav_sel').options[$('nav_sel').selectedIndex].value; mm(sel,true);
     $('nav_sel_plaats').selectedIndex = 0;
   }
 }


 function head()
 {

   var c = '';

   c += "<div ";
   c += " style='position: relative; width: 395px; height: auto; overflow: hidden; z-index: 999; border: 0px solid #000; font-size: 8pt;'";
   c += " >";
   c += " Agenda ";
   c += " <select style='font-size: 8pt; margin: 3px 0 2px 0;' id=nav_sel onchange='nav_select(this)'>";
   c += "  <option value=0>selecteer gemeente</option>";
   c += "  <option value=1000></option>"; 
   for(i=1;i<=26;i++)
   {

     c += "<option value='" + i + "'>";
     i != 26 ? c += g[i][0] : c += 'Agenda - maandoverzicht';
     g[i][3] != 0 ? c += " (" + g[i][3] + ")" : '';
     c += '</option>';

     i == 23 ? c += '<option value=1000></option>' : '';
   }
   c += '</select> of ';
   c += " <select style='font-size: 8pt; margin: 3px 0 2px 0;' id=nav_sel_plaats onchange='nav_select_plaats(this)'>";
   c += "  <option value=0>selecteer plaats</option>";
   c += "  <option value=1000></option>"; 
   for(i=1;i<p.length;i++)
   {
       c += "<option value='" + p[i][2] + "'>";
       c += p[i][1];
       c += '</option>';
   }
   c += '</select><br />';
   c += 'of selecteer op de kaart een gemeente voor een overzicht van activiteiten';
   c += '</div>';

   return c;
 }


 function $(id) { return document.getElementById(id); }


 function load_img()
 {

   var c = '';

   c += "<div class=agenda_1 id='data_g'>";

     for(i=0;i<g.length;i++)
     {
       c += "<div id='data_G" + i + "' class=agenda_2 >";
       c += "  <div class=agenda_21>";
       c += "    <div id=G_head" + i + " class=agenda_211></div><div class=agenda_212><b>" + g[i][0] + "</div></b>";
       c += "  </div>";
       c += "  <div class=agenda_22>";
       c += "    <div class=agenda_221 id=G_desc" + i + "><br />" + G[i] + "<br /><br /></div>";
       c += "  </div>";
       c += "</div>";
     }

     c += head();


     c += "<div class=agenda_img id='img_g'>";
     for(i=0;i<g.length;i++)
     {

       if(i != 24 && i != 25 && i != 26) {

         c += "<div id='img_G" + i + "'>";
         c += "  <img src='" + imgDir + g[i][1] + ".gif' width=375 height=360 border=1 usemap=#img_Grunn ";
         c += "   style='position: absolute; top: 0px; left: 0px; z-index: " + (i+100) + "; border: none;'>";
         c += "</div>";

         if(i != 0) {
           c += "<div class=agenda_img_c style='top: "+ g[i][4] +"px; left: " + g[i][5] + "px; z-index: " + (i+200) + "; '";
           c += " onmouseover='mm(" + i + ",false)' onmouseout='mm(d,false)'; onclick='mm(" + i + ",true)' id=G_count" + i + " >";
           c += "</div>";

         }
       }
     }
     c += "</div>";
     c += "<map name=img_Grunn>";
     for(i=0;i<(g.length-1);i++)
     {
       if(i != 0 && i != 24 && i != 25 ) {

         c += "<area shape=polygon style='cursor: pointer;' coords='" + g[i][2] + "' title='" + g[i][0] + "' ";
         c += " onmouseover='mm(" + i + ",false)' onmouseout='mm(d,false)'; onclick='mm(" + i + ",true)'>";
       }
     }
     c += "</map>";


     if(navigator.appName == 'Microsoft Internet Explorer')
     { var mIfrm = 'margin: -130px 0 0 18px;'; } else
     { var mIfrm = 'margin: -120px 0 0 18px;'; }

     c += "<div style='position: relative; border: 0px solid #000; width: 180px; height: 195px; "+ mIfrm + " overflow: hidden; z-index: 11000;'>";
     c += "  <iframe name=kalender_ src='Default/kalender.php' width=100% height=100% border=0 frameborder=0></iframe>";
     c += "</div>";


   c += "</div>";

   document.write(c); 
   mm();
 }


 load_img();