var side_bar_html;
var varturner;
function view_Bladen(doc){
	side_bar_html='';
	var xmlDoc = GXml.parse(doc);
	var markers = xmlDoc.documentElement.getElementsByTagName("marker");
	
	for(var i = 0; i < markers.length; i++){
		// obtain the attribues of each marker
		html='';
		var node = markers[i].getElementsByTagName('info') ;
		html=node[0].childNodes[0].nodeValue;
		
		label='';
		var node2 = markers[i].getElementsByTagName('label') ;
		label=node2[0].childNodes[0].nodeValue;
		
		var basket = markers[i].getAttribute("basket");
		var punten = markers[i].getAttribute("latlng");
		var idblad = markers[i].getAttribute("idblad");
		var oplage = markers[i].getAttribute("oplage");
		
		CLATLNG=punten.replace(/\),\(/g,';');
		CLATLNG=CLATLNG.replace(/\)/g,'');
		CLATLNG=CLATLNG.replace(/\(/g,'');
		
		punten=CLATLNG.split(';');
		if(punten.length > 1){//meerdere regels met punten
			
			var latlngs = new Array();
			for (var pp = 0; pp < punten.length; pp++) {
				punt=punten[pp].split(",");
				var lat = parseFloat(punt[0]);
				var lng = parseFloat(punt[1]);
				latlngs[pp] = new GLatLng(lat,lng);
			}
			//alert(punten[0]+'=='+punten[punten.length-1]);
			if(punten[0]==punten[punten.length-1]){//vlak met meerdere punten laatste en eerste punt zelfde
				var marker = createPolygone(latlngs,label,html,idblad,oplage,basket);
			}else{//lijn met meerdere punten
				var marker = createPolyline(latlngs,label,html,idblad,oplage,basket);
			}
		}else{//1 regel een marker punt
			punt=punten[0].split(",");
			var lat = parseFloat(punt[0]);
			var lng = parseFloat(punt[1]);
			var point = new GLatLng(lat,lng);
			
			var marker = createMarker(point,label,html,idblad,oplage,basket);
		}
		if(varturner){
			map.addOverlay(marker);
		}
	}
	document.getElementById("adman_bladen").innerHTML = '<table width="100%" cellpadding="0" cellspacing="0" class="basket">'+
	'<tr><th width="10"></th><th>Blad</th><th align="right" width="50">Oplage</th></tr>'+side_bar_html+'</table>';
}
	function addpolyline(doc){
		var xmlDoc = GXml.parse(doc);
		var markers = xmlDoc.documentElement.getElementsByTagName("marker");
		
		for(var i = 0; i < markers.length; i++){
			// obtain the attribues of each marker
			html='';
			var node = markers[i].getElementsByTagName('info') ;
			html=node[0].childNodes[0].nodeValue;
			
			label='';
			var node2 = markers[i].getElementsByTagName('label') ;
			label=node2[0].childNodes[0].nodeValue;
		
			var basket = markers[i].getAttribute("basket");
			var punten = markers[i].getAttribute("latlng");
			var idblad = markers[i].getAttribute("idblad");
			var oplage = markers[i].getAttribute("oplage");
			
			CLATLNG=punten.replace(/\),\(/g,';');
			CLATLNG=CLATLNG.replace(/\)/g,'');
			CLATLNG=CLATLNG.replace(/\(/g,'');
			
			punten=CLATLNG.split(';');
			if(punten.length > 1){//meerdere regels met punten
				
				var latlngs = new Array();
				for (var pp = 0; pp < punten.length; pp++) {
					punt=punten[pp].split(",");
					var lat = parseFloat(punt[0]);
					var lng = parseFloat(punt[1]);
					latlngs[pp] = new GLatLng(lat,lng);
				}
				if(punten[0]==punten[punten.length-1]){//vlak met meerdere punten laatste en eerste punt zelfde
					var marker = createPolygone(latlngs,label,html,idblad,oplage,'true');
				}else{//lijn met meerdere punten
					var marker = createPolyline(latlngs,label,html,idblad,oplage,'true');
				}
			}else{//1 regel een marker punt
				punt=punten[0].split(",");
				var lat = parseFloat(punt[0]);
				var lng = parseFloat(punt[1]);
				var point = new GLatLng(lat,lng);
				
				var marker = createMarker(point,label,html,idblad,oplage,'true');
			}
			if(varturner){
				map.addOverlay(marker);
				
				marker.setStrokeStyle({color: '#009900'});
				marker.setFillStyle ({color: '#009900'});
			}
		}
	}
// A function to create the marker and set up the event window
function createMarker(point,name,html,idblad,oplage,basket) {
	varturner=false;
	if(!array_hass(gmarkers,idblad)){
		var marker = new GMarker(point);
		GEvent.addListener(marker, "click", function() {
		  marker.openInfoWindowHtml(html);
		});
		// save the info we need to use later for the side_bar
		gmarkers[idblad]=marker;
		varturner=true;
	}
	side_bar_html += '<tr id="tr'+idblad+'" class="blank1" onmouseover="this.className=\'over1\';" onmouseout="this.className=\'blank1\';">'+
		'<td><input type="checkbox" id="c'+idblad+'" onclick="dothis(\''+idblad+'\');"';
		if(basket=='true'){
			side_bar_html += ' checked="checked"';
		}
		side_bar_html += '/></td><td>'+
		'<a href="javascript:myclick(' + idblad + ')">' + name + '<\/a>'+
		'</td><td align="right">'+oplage+'</td></tr>';
	return marker;
}

// A function to create the marker and set up the event window
function createPolyline(points,name,html,idblad,oplage,basket) {
	varturner=false;
	if(!array_hass(gmarkers,idblad)){
		var marker = new GPolyline(points,'#A71925',1,0.7);
		GEvent.addListener(marker, "click", function() {
			polylatlng=marker.getBounds().getCenter();
			map.openInfoWindowHtml(polylatlng,html);
		});
		// save the info we need to use later for the side_bar
		gmarkers[idblad]=marker;
		varturner=true;
	}
	side_bar_html += '<tr id="tr'+idblad+'" class="blank1" onmouseover="this.className=\'over1\';" onmouseout="this.className=\'blank1\';">'+
		'<td><input type="checkbox" id="c'+idblad+'" onclick="dothis(\''+idblad+'\');"';
		if(basket=='true'){
			side_bar_html += ' checked="checked"';
		}
		side_bar_html += '/></td><td>'+
			'<a href="javascript:myclick(' + idblad + ')">' + name + '<\/a>'+
		'</td><td align="right">'+oplage+'</td></tr>';
	return marker;
}

// A function to create the marker and set up the event window
function createPolygone(points,name,html,idblad,oplage,basket) {
	varturner=false;
	if(!array_hass(gmarkers,idblad)){
	
		var marker = new GPolygon(points,'#A71925',1,0.7,'#A71925',0.2);
		GEvent.addListener(marker, "click", function() {
			polylatlng=marker.getBounds().getCenter();
			map.openInfoWindowHtml(polylatlng,html);
		});
		// save the info we need to use later for the side_bar
		gmarkers[idblad]=marker;
		varturner=true;
	}
	side_bar_html += '<tr id="tr'+idblad+'" class="blank1" onmouseover="this.className=\'over1\';" onmouseout="this.className=\'blank1\';"';
		if(basket=='true'){
			side_bar_html += ' style="color:#009900"';
		}
		side_bar_html += '><td><input type="checkbox" id="c'+idblad+'" onclick="dothis(\''+idblad+'\');"';
		if(basket=='true'){
			side_bar_html += ' checked="checked"';
		}
		side_bar_html += '/></td><td><a href="javascript:myclick(' + idblad+ ')">' + name + '<\/a>'+
		'</td><td align="right">'+oplage+'</td></tr>';
	return marker;
}
	
// This function picks up the click and opens the corresponding info window
function myclick(i) {
	GEvent.trigger(gmarkers[i], "click");
}
	
function array_hass(arr,value) {
	var i;
	for (i in arr){
		if (i === value) {
			return true;
		}
	}
	return false;
}