// JavaScript Document

function GetForm() {
	// Workaround Browser Bugs
	if (document.formulier) return document.formulier;
	if (document.forms.formulier) return document.forms.formulier;
	alert("Error in GetForm()");
	return document.formulier;
}

function DoPageLoad()
{
	if( typeof(pageLoad) == 'function' )
		pageLoad();
}

function PopUp(Url) {
	var newWindow = window.open(Url,"ExtraInformation1","scrollbars=yes,height=500,width=700,left=50,top=50");
}

function PopupCustom(Url,WName,WDetails) {
	var newWindow = window.open(Url,WName,WDetails);
}



function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
	if(document.layers)	   //NN4+
	{
	   document.layers[szDivID].visibility = iState ? "show" : "hide";
	}
	else if(document.getElementById)	  //gecko(NN6) + IE 5+
	{
		var obj = document.getElementById(szDivID);
		obj.style.visibility = iState ? "visible" : "hidden";
	}
	else if(document.all)	// IE 4
	{
		document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
	}
}


function getObject( obj ) {

	  // step 1
	  if ( document.getElementById ) {
		obj = document.getElementById( obj );
	
	  // step 2
	  } else if ( document.all ) {
		obj = document.all.item( obj );
	
	  //step 3
	  } else {
		obj = null;
	  }
	
	  //step 4
	  return obj;
}

function GetObj(name) {
	var obj = document.anchors[name];
	if (obj==null || typeof(obj)=="undefined"){
		if (document.getElementById){ //NS6+
			obj = document.getElementById(name);
		}else{ //IE4+
			obj = document.all[name];
			if ((obj==null || typeof(obj)=="undefined") && typeof(document.body)!="undefined") {
				obj = document.body.document.all[name];
			}
		}
	}
	if ((obj!=null) && (typeof(obj)!="undefined")){
		return obj;
	}else{
		//alert("GetObj('"+name+"'): Object not found!");
		return null;
	}
}

function SetHTML(name, content) {
	GetObj(name).innerHTML = content;	
}
		
function SetVisible(names, visible){
	// Hide or Show multiple object
	names = names.split(",");
	var i;
	for (i=0; i<names.length; i++){
		var obj = GetObj(names[i]);
		if (obj != null){
			if (visible) {
				obj.style.display = "inline";
				obj.style.visibility = "visible";
			}else{
				obj.style.display = "none";
				obj.style.visibility = "hidden";
			}
		}
	}
}

function SetProgress(breedte) {
	var Bar = GetObj('ProgressBar');
	Bar.width = breedte;
}


  
  
function displayObject( obj, show ) {

  // step 1
  obj = getObject( obj );
  if (obj==null) return;

  // step 2
  obj.style.display = show ? 'block' : 'none';
  obj.style.visibility = show ? 'visible' : 'hidden';
}

function moveObject( obj, e ) {

  // step 1
  var tempX = 0;
  var tempY = 0;
  var offset = 0;
  var objHolder = obj;

  // step 2
  obj = getObject( obj );
  if (obj==null) return;

  // step 3
  if (document.all) {
	tempX = event.clientX + document.body.scrollLeft;
	tempY = event.clientY + document.body.scrollTop;
  } else {
	tempX = e.pageX;
	tempY = e.pageY;
  }

  // step 4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}

  // step 5
  obj.style.top  = (tempY + offset) + 'px';
  obj.style.left = (tempX + offset) + 'px';

  // step 6
  displayObject( objHolder, true );
}



// Deze functie wordt gebruikt om onClick onzichtbare layers te tonen.
function toonVerberg(antwoord) {
	e=document.getElementById(antwoord)
	toon=e.style.display
	if(toon=='none'||toon=='')e.style.display='block'
	else e.style.display='none'
}

// Deze functie wordt gebruikt om onClick onzichtbare layers te tonen.
function HideElement(antwoord) {
	e=document.getElementById(antwoord);
	e.style.display='none';
}

function DeleteElement(antwoord) {
	e=document.getElementById(antwoord);
	e.parentNode.removeChild(e);
}

function DoPreview() {
	var f = GetForm();	
	var newWindow = window.open("","ExtraInformationPreview","scrollbars=yes,height=500,width=700,left=50,top=50");
	f.target = "ExtraInformationPreview";	
	f.action = "preview.cfm";
	f.submit();	
}


function DoSave() {
	var f = GetForm();	
	f.submit();	
}


var bgcolor;	
function Highlite(x)
{
	
	if (document.getElementById(x)!="")
	{
		bgcolor = document.getElementById(x).style.backgroundColor;
		document.getElementById(x).style.backgroundColor = '#f6f6f6';
		document.getElementById(x).style.cursor = "hand";
	}
}

function Normal(x)
{
	if (document.getElementById(x)!="")
	{
		document.getElementById(x).style.backgroundColor = bgcolor;
		document.getElementById(x).style.backgroundColor = '';
	}
}

function ToggleInsurrance(verzBox,ThingToShow,ThingToHide) {
	if (verzBox.checked) {
		displayObject(ThingToShow,1);
		displayObject(ThingToHide,0);
	} else {
		displayObject(ThingToShow,0);
		displayObject(ThingToHide,1);
	}	
}

function pageLoadContact(IconLocation) {    
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("GoogleDiv"));
        map.setCenter(new GLatLng(51.913722, 4.4855277), 15);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.getContainer().style.overflow='hidden';
        
        // Create our "tiny" marker icon
        var myIcon = new GIcon(G_DEFAULT_ICON);
        myIcon.image = IconLocation;
        myIcon.iconSize = new GSize(32, 32);
		
		// Set up our GMarkerOptions object
		markerOptions = { icon:myIcon };
		
        var marker = new GMarker(new GLatLng(51.91309444444444, 4.485527777777778),markerOptions);
        
        GEvent.addListener(marker, "click", function() {
           var html = 'Marathons International';
           marker.openInfoWindowHtml(html);
        });
        map.addOverlay(marker);
        GEvent.trigger(marker, "click");
    }          
}