/* **********************************************
 * GLOBAL FUNCTIONS
 * ********************************************* */
function initContact() {
	$('#contactform').bind('submit',contactFormHijax); // Hijacks the contact form submission through AJAX
	initialize_gmaps(); // Loads Google Maps
}

function contactFormHijax(evt){
	evt.preventDefault();
	$("#id_submit").hide();
	$("#p_submit").append($("<img id='ajaxloader' src='/static/img/ajax-loader.gif' />"));
	var formDataObjects = $("#contactform").serializeArray();
	$("#contactform").load("/ajax/contact/", formDataObjects, ajaxCallBack);
}

function ajaxCallBack(responseText, textStatus, XMLHttpRequest){
	// Gets called from contactFormHijax
	$("#id_submit").show();
	$("#ajaxloader").remove();
	$("#contactform").bind('submit',contactFormHijax); // binding AGAIN. We have updated the form. Event Delegation??
	
}

function initialize_gmaps() {
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map_canvas"));
		var point = new GLatLng(51.9691, 5.9097);
		var bezoekpoint = new GLatLng(51.9890673, 5.9353004);
		var arnhemcenter = new GLatLng(51.9797296, 5.9124034);
		map.setCenter(arnhemcenter, 12);
		map.addControl(new GSmallMapControl());
		// map.addControl(new GMapTypeControl());

		// Create "vsIcon" marker icon
		var vsIcon = new GIcon();
		vsIcon.image = "/static/img/vs_maps_icon.png";
		vsIcon.iconSize = new GSize(32, 32);
		vsIcon.iconAnchor = new GPoint(32, 20);
		vsIcon.infoWindowAnchor = new GPoint(0,0);

		// Pop Up text
		var map_info = [new GInfoWindowTab("Adres", "<p><strong>Valued Standards</strong><br />Ranonkelstraat 37<br />6833AN Arnhem, Nederland</p>") ];
		var map_options = {maxWidth:80, maxHeight:80};
					
		marker = new GMarker(point, {title:"Adres Valued Standards", icon:vsIcon});
		bezoekmarker = new GMarker(bezoekpoint, {title:"Bezoekadres Valued Standards", icon:vsIcon});
		// GEvent.addListener(marker, "click", function() {marker.openInfoWindowTabsHtml(map_info, map_options)});

		map.addOverlay(marker);
		map.addOverlay(bezoekmarker);
	}
}

/* **********************************************
 * EVENTS
 * ********************************************* */
$(document).ready(initContact);
// $(document).unload(GUnload);