function GetXmlHttpObject(handler) {
	var objXMLHttp=null
	if (window.XMLHttpRequest) {
		objXMLHttp=new XMLHttpRequest()
	} else if (window.ActiveXObject) {
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
	}
	return objXMLHttp
}

function getData(type,filter,value) {
	//$("body").append("<div id='TB_load'><img src='/images/loadingAnimation.gif' /></div>");
	//$('#TB_load').show();

	var labelid = document.getElementById('labelid').value;
	var categoryid = document.getElementById('categoryid').value;
	
	xmlHttp=GetXmlHttpObject();
	
	var url='/services/data.php?type='+type;
	if (labelid!='Alle' && labelid!='') url=url+'&labelid='+labelid;
	if (categoryid!='Alle' && categoryid!='') url=url+'&categoryid='+categoryid;
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open('GET',url,true);
	xmlHttp.send(null);
}

function stateChanged() {                    
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
		document.getElementById("articles").innerHTML=xmlHttp.responseText;
		tb_init('a.thickbox, area.thickbox, input.thickbox');
		$('#containerOpruiming').height($(document).height());
		//$("#TB_load").remove();
	}
}

function tb_detectMacXFF() {
	var userAgent = navigator.userAgent.toLowerCase();
	if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {
		return true;
	}
}

var map;
var geocoder;

var map = null;
var geocoder = null;
var tmp = null;
var geoplus = '';
var marker = null;
var verz = '';
var weblkz = 'nl';
var vonhier = 'Hier vandaan';
var nachhier = 'Routebeschrijving: hier naar toe';
var Startadresse = 'Vertrekpunt:';
var Zieladresse = 'Bestemming:';
var geox = '4.652098';
var geoy = '52.127916';
var logo = '0';
var firmanr = '';
var infoHTML;
var vonHTML;
var nachHTML;
var logoHtml;

function initialize() {
	if (GBrowserIsCompatible()) {			
		var address = "Euromarkt 6, Alphen aan den Rijn, 2408 BL, NL";
		var infotext = "<h4>Houweling Kunst van 't Wonen</h4><div style='float:left;width:190px'>Euromarkt 6<br/>2408 BL Alphen a/d Rijn <br/>Tel +31 0172 475871<br/>E-Mail <a href='mailto:info@houweling.nu'>info<!---->@<!---->houweling.nu</a><br/><br/></div><div style='float:left'><img src='/images/base_media.jpg'></div><div style='clear:both;font-size:0;line-height:0;height:0'></div>";

		map = new GMap2(document.getElementById("map"));
		geocoder = new GClientGeocoder();
        if ( geox == '' | geoy == '' ) tmp = address;			
        else {		
			tmp = geoy + "," + geox;	
			geoplus = "@" + geoy + "," + geox;			
		}
		if (geocoder) {			
			geocoder.getLatLng(tmp,
			function(point) {
				if (!point) alert(address + " Niet gevonden!");
				else {
					map.setCenter(point, 16);
					marker = new GMarker(point);
					map.addOverlay(marker);	
					

			        if (logo == "1") logoHtml = "<img src='/images/base_media.jpg' height='40'><br>";
			        else logoHtml = "";
					infotext = logoHtml + infotext 
                    nachHTML = infotext +
					         "<form target=\"_blank\" action='http://maps.google." + weblkz + "/maps'>" +
					         "<input type='hidden' size='40' name='saddr' value='"  + address + geoplus + "'/>" + 
                             "<p>" +  "<a  href=\"javascript:showMarker(vonHTML);\" " + weblkz + "/maps?daddr=" + escape(address) + ">" + nachhier + "</a>" + " - " + vonhier + "</p>" +							 
							 Zieladresse + "<br/>" +
							 "<input type='text' id='daddr' name='daddr' value='' />" +
							 "<input type='submit' value='Uitvoeren'/>" +
							 "</form>";          
                    vonHTML = infotext +
					         "<form target=\"_blank\" action='http://maps.google." + weblkz + "/maps'>" +
					         "<input type='hidden' size='40' name='daddr' value='"  + address + geoplus + "'/>" + 
							 "<p>" + nachhier + " - " +  "<a  href=\"javascript:showMarker(nachHTML);\" " + weblkz + "/maps?saddr=" + 	escape(address) + ">" + vonhier + "</a></p>" +
							 Startadresse + "<br/>" +
							 "<input type='text' id='daddr' name='saddr' value='' />" +
							 "<input type='submit' value='Uitvoeren'/>" +
							 "</form>";          							 
                    infotext = "<div id=\"bubble\">" + infotext + "</div>";
					vonHTML = "<div id=\"bubble\">"  + vonHTML + "</div>";
					nachHTML = "<div id=\"bubble\">"  + nachHTML + "</div>";
					infoHTML =  infotext + '<p><a href="javascript:showMarker( vonHTML  );"' + weblkz + '/maps?daddr=' + escape(address) + '>' + nachhier + '</a>' + ' - ' + '<a  href="javascript:showMarker(nachHTML);"'+ weblkz + '/maps?saddr=' + escape(address) + '>' + vonhier + '</a></p><p>&nbsp;</p>';				    					   
                    showMarker(infoHTML);
                    GEvent.addListener(marker, "click", function() {
						showMarker(infoHTML);
					});
				}
			}
			);
		}
		//showLocation();
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());     
		map.addControl(new GOverviewMapControl());
	
	}

}

function showMarker(str) {  
	marker.openInfoWindowHtml(str);	  
}