function oc(a)
{
  var o = {};
  var i = a.length;
  //for(var i=0;i<a.length;i++)
  do
  {
    o[a[i]]='';
  }  while (--i);
  return o;
}

var markerIDs=new Array(); markerIDs[0]="zero";

function create_wbiw_menu (jaar, minh) {
	document.write('<div class="wbiw_link_container">NoMen01 was hier in '+jaar+': <a id="jaar'+jaar+'_link" href="javascript:toggleComment(\'jaar'+jaar+'\');">Open</a><br/>	<div id="jaar'+jaar+'" class="wbiw_content" style=" display:none; overflow:hidden;">&nbsp;</div></div>');
	var containerheight = minh;  // minimale hoogte 
	var containermiddle = '<table summary="NoMen01 was hier in '+jaar+'"><tr><th>datum</th><th>waar?</th><th>URL</th><th>wat</th><th>Comment</th></tr>';
				
	//fill in the years list
	var filename = "/xml/wbiw_markers.xml";
    new Ajax.Request(filename, {
			method: 'get',
			onSuccess: function(response) {
             var xmlDoc = response.responseXML;
	     if (xmlDoc.documentElement) {

               	// obtain the array of markers and loop through it
                var markers = xmlDoc.documentElement.getElementsByTagName("marker");
				var mlength= markers.length;
				var i=0;
				do {
                  // obtain the year, date, id, label, url and xtra of each marker
                  var m_year = markers[i].getAttribute("year");
				  
					if (m_year==jaar){
                  var m_date = markers[i].getAttribute("date");
                  var m_label = markers[i].getAttribute("label");
                  var m_id = markers[i].getAttribute("id"); 
				  var m_url = markers[i].getAttribute("url");  
				  var m_event = markers[i].getAttribute("event");
				  var m_band = markers[i].getAttribute("band");
				  var m_xtra = markers[i].getAttribute("xtra");  				  

				// marker tooltip hover
					if( m_id in oc(markerIDs) ) {;}
					else{
						markerIDs.push(m_id);
						var pp_label = markers[i].getAttribute("html");
						var lat = parseFloat(markers[i].getAttribute("lat"));
            		    var lng = parseFloat(markers[i].getAttribute("lng"));
					 	var ppoint = new GLatLng(lat, lng);
					    var pmarker = new PdMarker(ppoint);
	  				    pmarker.setId(m_id); // over-ride internal id
					    pmarker.setHoverImage("/images/icon_pijl_grijs.png");
				    	pmarker.setTooltip("<nobr><b>"+pp_label+"</b></nobr>");
					    var html = (m_url=="")? '<nobr><b>'+markers[i].getAttribute("html")+'</b></nobr>' : '<nobr><b><a href="'+m_url+'">'+markers[i].getAttribute("html")+'</a></b></nobr>';
				    	pmarker.setDetailWinHTML(html);
				    	map.addOverlay(pmarker);	
					}
	                  	containermiddle += '<tr><td class="datum">'+m_date+'-'+m_year+':</td>';
						containermiddle += '<td><a href="javascript:goTM(\''+m_id+'\');" title="'+m_label+'">'+m_label+'</a></td>';
					 	containermiddle += (m_url=="") ? '<td class="url">&nbsp;</td>' : '<td class="url"><a href="'+m_url+'" rel="external" title="site"><img src="/images/tags/url.png" alt="site"/></a></td>';
					 	
						if (m_event=="optreden")
						{
								switch (m_band){ 
								case "Autumn" : containermiddle += '<td class="event"><img src="/images/tags/music.png" alt="optreden"/> met <a href="http://www.autumn-band.com">'+m_band+'</a></td>';break;
								case "Sephyros": containermiddle += '<td class="event"><img src="/images/tags/music.png" alt="optreden"/> met <a href="http://www.sephyros.com">'+m_band+'</a></td>';break;
								case "Cormick": containermiddle += '<td class="event"><img src="/images/tags/music.png" alt="optreden"/> met <a href="http://home.hetnet.nl/~cormick/">'+m_band+'</a></td>';break;
								case "Edge of Anger": containermiddle += '<td class="event"><img src="/images/tags/music.png" alt="optreden"/> met <a href="http://www.edgeofanger.com">'+m_band+'</a></td>';break;
								default: containermiddle += '<td class="event">'+m_event+' met '+m_band+'</td>';
								}

						}
						else 
						{
							containermiddle += '<td class="event">'+m_event+'</td>';
						}
					 	
					 	containermiddle += (m_xtra=="") ? '<td>&nbsp;</td>' : '<td>'+m_xtra+'</td>';
					 	containermiddle += '</tr>';
						containerheight += 17; 
					}//end if (m_year==jaar)
				i++;
                }	while (i < mlength);
  				containermiddle += '</table>';
				$('jaar'+jaar).setStyle({'height': containerheight+"px"}).update(containermiddle);
             }
          }
		});
	}


// Correctly open text links in new window through setting them as "external"
function externalLinks() {
	var host = window.location.hostname.replace("www.","").toLowerCase();
	$$('a').each(function(e){ 
								var href = e.href.toLowerCase();
								if (((href.indexOf("http://")!=-1 && href.indexOf(host)==-1) ? true : false)) {
								e.target = "_blank";
								e.title = (e.title != "") ? e.title+" (opens in a new window)" : "opens in a new window";
					  				if ((e.innerHTML.toLowerCase()).match('<img')!=null) {;}
									else{
									e.className = (e.className != '') ? e.className+' external' : 'external';
									}
								}
				  			}
	);
}

function setIMStatus() {
	$('IM-irc').writeAttribute('src', 'http://osi.techno-st.net:8000/irc/menno@irc.umbranet.org/onurl=nomen01.nl/images/tags/irconline.png/offurl=nomen01.nl/images/tags/ircoffline.png/unknownurl=nomen01.nl/images/tags/ircunknown.png').show();
	$('IM-msn').writeAttribute('src', 'http://osi.techno-st.net:8000/msn/menno_t@hotmail.com/onurl=nomen01.nl/images/tags/msnonline.png/offurl=nomen01.nl/images/tags/msnoffline.png/unknownurl=nomen01.nl/images/tags/msnunknown.png').show();
	$('IM-icq').writeAttribute('src', 'http://osi.techno-st.net:8000/icq/32828648/onurl=nomen01.nl/images/tags/icqonline.png/offurl=nomen01.nl/images/tags/icqoffline.png/unknownurl=nomen01.nl/images/tags/icqunknown.png').show();
	//$('IM-skype').writeAttribute('src', 'http://osi.techno-st.net:8000/skype/NoMen01/onurl=nomen01.nl/images/tags/skypeonline.png/offurl=nomen01.nl/images/tags/skypeoffline.png/unknownurl=nomen01.nl/images/tags/skypeunknown.png').show();
}
var mgr;
document.observe("dom:loaded", function() {
  if(self['loadmap']) loadmap();
  externalLinks();
  setIMStatus().defer;
});