var cindex;

function map_kml_onLoadKML() {
   //at this moment the flamingo.swf is up and running

   var app = getMovie("flamingo");
   var i= getURLParam("index");
   if (i.length > 0) {   
       selectPlacemark(Number(i));
   } else {
      createlist();
   }

   
}


function moveTo(minx,miny,maxx,maxy){
   var app = getMovie("flamingo");
   var ext = new Object();
   ext.minx = minx;
   ext.maxx = maxx;
   ext.miny = miny;
   ext.maxy = maxy;
   app.call("map", "moveToExtent", ext,0);
}


function createlist(){
 
   var app = getMovie("flamingo");
   var s = "";
   var j = 1;
   var color="";
   var count = app.call("map_kml", "getLength");
    s = s + "<table width=\"230\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";

   for (i = 0; i < count; i++){
      var data = app.call("map_kml", "getPlacemarkData", i);
      //s = s + "<br><a href='javascript:selectPlacemark("+i+")'>"+data.extendeddata.nr.value+"&nbsp;"+data.name+"</a>";
      //s = s + "<br><img src=\"icoon3.gif\" width=\"20\" height=\"20\" />&nbsp;&nbsp;&nbsp;" + data.extendeddata.plaats.value + "&nbsp;("+  data.extendeddata.water.value + ")"
  
     if (j==1){
       color="#F3F3F3";
       j=2;
     } else{
       color="#FFFFFF";
       j=1;
     }
      

     s = s +  "<tr>";

  switch (data.extendeddata.kwaliteit.value){ 
       case "1" :
            s = s +  "<td bgcolor=\""+color+"\" width=\"25\" rowspan=\"2\" ></td>";
       break;
     case "2" :
              s = s +  "<td bgcolor=\""+color+"\" width=\"25\" rowspan=\"2\" ><img src=\"icons/kwaliteit_2.gif\"  width=\"20\" height=\"20\" /></td>";
       break;
     case "3" :
            s = s +  "<td bgcolor=\""+color+"\" width=\"25\" rowspan=\"2\" ><img src=\"icons/kwaliteit_3.gif\"  width=\"20\" height=\"20\" /></td>";
       break;
     case "4" :
            s = s +  "<td bgcolor=\""+color+"\" width=\"25\" rowspan=\"2\" ><img src=\"icons/kwaliteit_4.gif\"  width=\"20\" height=\"20\" /></td>";
       break;

     }


  
     s = s +   "<td bgcolor=\""+color+"\">"+"<a onMouseOut='javascript:onOutHref("+i+")' onMouseOver='javascript:onOverHref("+i+")' href='javascript:selectPlacemark("+i+")'>"+data.extendeddata.nr.value+"&nbsp;"+data.name+"</a>"+"</td>";
     s = s + "</tr>";
     s = s + "<tr>";
     s = s +  "<td bgcolor=\""+color+"\">"+data.extendeddata.plaats.value + "&nbsp;("+  data.extendeddata.water.value  + ")"+"</td>";
     s = s +   "</tr>";
  

     document.getElementById('controledatum').innerHTML = "laatste controle: "+data.extendeddata.controledatum.value



 }
   s = s + "</table> ";
   document.getElementById('lijst').innerHTML = s;
   showList();

}


function showList(){
   var app = getMovie("flamingo");
   app.call("map_kml", "unselectAll");
   var ext = app.call("map", "getFullExtent");
   app.call("map", "moveToExtent", ext,0);
  
   document.getElementById('lijst').style.visibility= "visible";
   document.getElementById('info').style.visibility = "hidden";

}

function onOverHref(index){
  var app = getMovie("flamingo");
 app.call("map_kml", "selectPlacemark", index);
}
function onOutHref(index){
 if (cindex != index){
   var app = getMovie("flamingo");
   app.call("map_kml", "unselectPlacemark", index);
 }

}


function map_kml_onPressPlacemark(layerid, placemarkid){
   showPlacemarkData(placemarkid);
}

function moveToPlacemark(index){
   var app = getMovie("flamingo");
   app.call("lightbox", "hide");
   app.call("map_kml", "moveToPlacemark", index, 500);
}

function setLightbox(url, t){
  var app = getMovie("flamingo");
  app.call("lightbox", "setContent", url, t);
}


function selectPlacemark(index){
   cindex = index;
   var app = getMovie("flamingo");
   app.call("lightbox", "hide");
   app.call("map_kml", "selectPlacemark", index);
   app.call("map_kml", "moveToPlacemark", index);
   showPlacemarkData(index);
}





function showPlacemarkData(index){

   var app = getMovie("flamingo");
   var data = app.call("map_kml", "getPlacemarkData", index);
   //data.styleurl="#iconStyle3";
   //data.name=data.name + "(CHANGED!!)";
  // data.extendeddata['1_3'].value = 1000;
  // app.call("map_kml", "setPlacemarkData", index, data); 
   //app.call("map_kml", "update")


   //string maken om in div(id=info) te tonen
   var count = app.call("map_kml", "getLength");

   var s = "<table width=\"230\" border=\"0\"><tr><td>"  
  //s = s + "(nr:"+index+") <a href='javascript:moveToPlacemark("+index+")' title='zoom naar maatregel'>"+data.name+"</a>"
   s = s + "</td><td><div align='center'>"
   if (index > 0) {
   s = s + "<a href='javascript:selectPlacemark("+(index-1)+")' title='vorige zwemwaterlocatie'>< vorige</a>";
  
   }   s = s + "&nbsp;&nbsp;|&nbsp;&nbsp;<a href='javascript:createlist()' title='naar lijst'>alle locaties</a>&nbsp;&nbsp;|&nbsp;&nbsp;";
   if (index < (count - 1) )  {
   s = s + "<a href='javascript:selectPlacemark("+(index+1)+")' title='volgende zwemwaterlocatie'>volgende ></a>";
   }

  s = s + "</div></td></tr></table>"
  s = s + "<br/>"
  s = s + "<h1>"+data.name+"</h1>"
 s = s  + data.extendeddata.plaats.value + "&nbsp;("+  data.extendeddata.water.value + ")"

  s = s + "<br/>"
  s = s + "<br/>"


  var a = new Array("drijflijn","afl_bodem","zandstrand","parkeren","toilet","douche","accomodatie");
   s = s + "<table width=\"230\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
  
    for (var i = 0 ; i < a.length; i++){
           s = s +   "<tr>";
          if (data.extendeddata[a[i]].value == 1) {
                   s = s +     "<td width=\"25\"><img src=\"icons/" + a[i] + "_24.jpg\" width=\"24\" height=\"24\" /></td>";
                   s = s +     "<td width=\"5\">&nbsp;</td>";
                   s = s +     "<td width=\"200\">"+data.extendeddata[a[i]].displayname+"</td>";
          } else {
                   s = s +     "<td width=\"25\"><img src=\"icons/geen_" + a[i] + "_24.jpg\" width=\"24\" height=\"24\" /></td>";
                   s = s +     "<td width=\"5\">&nbsp;</td>";
                   s = s +     "<td width=\"200\"></td>";
          }
            s = s +   "</tr>";

    }

   s = s + "</table>";
 




  // for (var id in data.extendeddata){
    //s = s +"<br/>" + id + "="+ data.extendeddata[id].value;
   //}
   var kwaliteit = "";
    switch (getValue(data,"kwaliteit")){ 
       case "1" :
             kwaliteit = "Er zijn geen normoverschrijdingen, er kan gezwommen worden.";
       break;
     case "2" :
              kwaliteit = "Normoverschrijding, pas op met zwemmen.";
       break;
     case "3" :
              kwaliteit = "Normoverschrijding, niet zwemmen.";
       break;
     case "4" :
             kwaliteit = "Ernstige normoverschrijding, verboden te zwemmen.";
       break;

     }


     s = s + "<br/>zwemwaterkwaliteit: <br/><b>"+kwaliteit+"</b>";
     //s = s + "<br/>zwemwaterkwaliteit: <br/>";
     s = s + "<br/>"+getValue(data,"opmerkingen");
     //s = s + "<br/><br/>bijgewerkt: "+getValue(data,"mutatiedatum");
    s = s + "<br/><br/>laatste controle: "+getValue(data,"controledatum");
     //S = s + "<br/><br/><a href='javascript:moveToPlacemark("+index+")' title='inzoomen'>inzoomen</a>"
   

   
   document.getElementById('info').innerHTML = s;
   document.getElementById('lijst').style.visibility = "hidden";
   document.getElementById('info').style.visibility = "visible";

}


function getValue(data,field){
   var v="";
    v = data.extendeddata[field].value
    if (v == undefined) {
      v ="";
    }
    return v;

}

function getMovie(movieName, framename) {
  if (framename != undefined){
    if (navigator.appName.indexOf("Microsoft") != -1) {
       return frames[framename].window[movieName];
    }else {
       return frames[framename].document[movieName];
    }
  }else{
    if (navigator.appName.indexOf("Microsoft") != -1) {
        return window[movieName];
    }else {
        return document[movieName];
    }
  }
}
function getURLParam(strParamName){
      var strReturn = "";
      var strHref = window.location.href;
      if ( strHref.indexOf("?") > -1 ){
        var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
        var aQueryString = strQueryString.split("&");
        for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
          if (
    aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1 ){
            var aParam = aQueryString[iParam].split("=");
            strReturn = aParam[1];
            break;
          }
        }
      }
      return unescape(strReturn);
} 


function popWin(URLtoOpen, windowName, windowFeatures) {
	if ((windowFeatures == "") || (windowFeatures == undefined)) {
		windowFeatures = "width=900,height=700,top=10,left=10,toolbar=no,scrollbars=yes,resizable=yes";
	}
	// open a child popup
	var newWin = window.open("", windowName, windowFeatures);
	if (newWin != null) {
		newWin.location.href = URLtoOpen;
		newWin.focus();
		//childPopups[childPopupNr++] = newWin;
	}
}