//hieronder de standaardbreedtes van de divs en de namen initialiseren
var breedteLoginDiv = 260;
var marginLeftRight = 40;
var movementLogin = 30;
var divs = new Array();
divs[divs.length] = 'uitleg_div';
divs[divs.length] = 'kaart_div';
divs[divs.length] = 'routes_zoeken_div';
divs[divs.length] = 'mail_a_friend_div';
divs[divs.length] = 'aanmelden_div';
divs[divs.length] = 'opgeslagen_routes_div';
divs[divs.length] = 'route_detail_div';

//zorgen dat het iframe 'omschrijving' bij een route editable wordt
function arangeEditable()
{
	document.getElementById('field_omschrijving').contentWindow.document.open();
	document.getElementById('field_omschrijving').contentWindow.document.write(bodyTag);
	document.getElementById('field_omschrijving').contentWindow.document.close();
	document.getElementById('field_omschrijving').contentWindow.document.designMode = 'On';
	names[names.length] = 'field_omschrijving';
	areas[areas.length] = 'field_omschrijving';
}

//check of het een valide emailadres is
function isValidEmail(str) {
	Email1 = /^\w+([\.\-]\w+)*\@\w+([\.\-]\w+)*\.\w+$/;
	Email2 = /^.*@[^_]*$/;
	return (Email1.test(str) && Email2.test(str));
}

//selecteer een index van een dropdown
function selectIndex(id, index)
{
	var currentSelect = document.getElementById(id);
	for (i=0;i<currentSelect.options.length;i++) {
		if (currentSelect.options[i].value == index) {
			currentSelect.options[i].selected = true;
		}
	}
}

//toon de div met dit id en verberg de overige divs
function showDiv(id)
{
	document.getElementById('foutMelding').style.display='none';
	for (i = 0; i < divs.length; i++) {

		if (divs[i] != id) {
			document.getElementById(divs[i]).style.display = 'none';
		} else {
			setCookie('showCurrentDiv',divs[i]);
			document.getElementById(divs[i]).style.display = 'block';
		}
	}
	routeKaart.checkResize();

	return false;
}

//initialiseer de breedte en hoogte van de divs zodat ze zo groot zijn als het scherm
function initSizeDivs()
{
	if (getCookie('loginDivShown') == '1') {
		for (i=0;i<divs.length;i++) {
			document.getElementById(divs[i]).style.width = parseInt(document.documentElement.clientWidth-breedteLoginDiv-marginLeftRight+15)+"px";
			if (divs[i] == 'kaart_div') {
				document.getElementById('routeKaart').style.width = document.getElementById(divs[i]).style.width;
			}
			document.getElementById(divs[i]).style.marginLeft = breedteLoginDiv-13+"px";
			routeKaart.checkResize();
		}
	}
	if (parseInt(document.documentElement.clientHeight-140) > 526) {
		document.getElementById('openClose').style.height = parseInt(document.documentElement.clientHeight-140)+"px";
		document.getElementById('loginContent').style.height = parseInt(document.documentElement.clientHeight-152)+"px";
		document.getElementById('loginDivHider').style.height = parseInt(document.documentElement.clientHeight)+"px";
		document.getElementById('kaart_div').style.height = parseInt(document.documentElement.clientHeight-150)+"px";
		document.getElementById('routeKaart').style.height = parseInt(document.documentElement.clientHeight-230)+"px";

		document.getElementById('uitleg_div').style.height = parseInt(document.documentElement.clientHeight-150)+"px";
		document.getElementById('routes_zoeken_div').style.height = parseInt(document.documentElement.clientHeight-150)+"px";
		document.getElementById('mail_a_friend_div').style.height = parseInt(document.documentElement.clientHeight-150)+"px";
		document.getElementById('opgeslagen_routes_div').style.height = parseInt(document.documentElement.clientHeight-150)+"px";
		document.getElementById('route_detail_div').style.height = parseInt(document.documentElement.clientHeight-150)+"px";

		document.getElementById('uitleg_div_sub').style.height = parseInt(document.documentElement.clientHeight-230)+"px";
		document.getElementById('routes_zoeken_div_sub').style.height = parseInt(document.documentElement.clientHeight-230)+"px";
		document.getElementById('mail_a_friend_div_sub').style.height = parseInt(document.documentElement.clientHeight-230)+"px";
		document.getElementById('opgeslagen_routes_div_sub').style.height = parseInt(document.documentElement.clientHeight-230)+"px";
		document.getElementById('route_detail_div_sub').style.height = parseInt(document.documentElement.clientHeight-230)+"px";

	} else {
		document.getElementById('openClose').style.height = parseInt(538)+"px";
		document.getElementById('loginContent').style.height = parseInt(526)+"px";
		//document.getElementById('loginDivHider').style.height = parseInt(550)+"px";
		document.getElementById('kaart_div').style.height = parseInt(460)+"px";
		document.getElementById('routeKaart').style.height = parseInt(460)+"px";

		document.getElementById('uitleg_div').style.height = parseInt(460)+"px";
		document.getElementById('routes_zoeken_div').style.height = parseInt(460)+"px";
		document.getElementById('mail_a_friend_div').style.height = parseInt(460)+"px";
		document.getElementById('aanmelden_div').style.height = parseInt(460)+"px";
		document.getElementById('opgeslagen_routes_div').style.height = parseInt(460)+"px";
		document.getElementById('route_detail_div').style.height = parseInt(460)+"px";

		document.getElementById('uitleg_div_sub').style.height = parseInt(460)+"px";
		document.getElementById('routes_zoeken_div_sub').style.height = parseInt(460)+"px";
		document.getElementById('mail_a_friend_div_sub').style.height = parseInt(460)+"px";
		document.getElementById('aanmelden_div_sub').style.height = parseInt(460)+"px";
		document.getElementById('opgeslagen_routes_div_sub').style.height = parseInt(460)+"px";
		document.getElementById('route_detail_div_sub').style.height = parseInt(460)+"px";

	}
}

//toon het loginscherm aan de linkerzijde
function showInlogDiv(aantal)
{
	if (getCookie('loginDivShown') == null || getCookie('loginDivShown') != '1') {
		document.getElementById('loginDiv').style.left = parseInt(parseInt(document.getElementById('loginDiv').style.left)+movementLogin)+"px";
		for (i=0;i<divs.length;i++) {
			if (document.getElementById(divs[i]).style.width != undefined && document.getElementById(divs[i]).style.width != '') {
				document.getElementById(divs[i]).style.width = parseInt(parseInt(document.getElementById(divs[i]).style.width)-movementLogin)+"px";
				document.getElementById(divs[i]).style.marginLeft = parseInt(parseInt(document.getElementById(divs[i]).style.marginLeft)+movementLogin)+"px";
				if (divs[i] == 'kaart_div') {
					document.getElementById('routeKaart').style.width = document.getElementById(divs[i]).style.width;
				}
			} else {
				document.getElementById(divs[i]).style.width = parseInt(document.documentElement.clientWidth-movementLogin-marginLeftRight)+"px";
				document.getElementById(divs[i]).style.marginLeft = movementLogin+"px";
				if (divs[i] == 'kaart_div') {
					document.getElementById('routeKaart').style.width = document.getElementById(divs[i]).style.width;
				}
			}
			routeKaart.checkResize();
		}
		aantal-=movementLogin;
		if (aantal - movementLogin > 0) {
			setTimeout('showInlogDiv(' + aantal + ')',10);
		} else {
			if (document.getElementById('routeOndergrond') != undefined) { document.getElementById('routeOndergrond').style.visibility = 'visible'; }
			if (document.getElementById('publiek') != undefined) { document.getElementById('publiek').style.visibility = 'visible'; }
			if (document.getElementById('datumDag') != undefined) { document.getElementById('datumDag').style.visibility = 'visible'; }
			if (document.getElementById('datumMaand') != undefined) { document.getElementById('datumMaand').style.visibility = 'visible'; }
			if (document.getElementById('datumJaar') != undefined) { document.getElementById('datumJaar').style.visibility = 'visible'; }
			if (document.getElementById('routeSportType') != undefined) { document.getElementById('routeSportType').style.visibility = 'visible'; }
			if (document.getElementById('routeKm') != undefined) { document.getElementById('routeKm').style.visibility = 'visible'; }
			setCookie('loginDivShown', '1');
		}
	}
}

//toon de errordiv in het midden van het scherm
function showErrorDiv()
{
	document.getElementById('foutMelding').style.display = 'block';
}

//verberg de logindiv aan de linker zijde
function hideInlogDiv(aantal)
{
	document.getElementById('loginDiv').style.left = parseInt(parseInt(document.getElementById('loginDiv').style.left)-movementLogin)+"px";
	for (i=0;i<divs.length;i++) {
		if (document.getElementById(divs[i]).style.width != undefined && document.getElementById(divs[i]).style.width != '') {
			document.getElementById(divs[i]).style.width = parseInt(parseInt(document.getElementById(divs[i]).style.width)+movementLogin)+"px";
			document.getElementById(divs[i]).style.marginLeft = parseInt(parseInt(document.getElementById(divs[i]).style.marginLeft)-movementLogin)+"px";
			if (divs[i] == 'kaart_div') {
				document.getElementById('routeKaart').style.width = document.getElementById(divs[i]).style.width;
			}
		}
		routeKaart.checkResize();
	}
	aantal-=movementLogin;
	if (document.getElementById('routeOndergrond') != undefined) { document.getElementById('routeOndergrond').style.visibility = 'hidden'; }
	if (document.getElementById('publiek') != undefined) { document.getElementById('publiek').style.visibility = 'hidden'; }
	if (document.getElementById('datumDag') != undefined) { document.getElementById('datumDag').style.visibility = 'hidden'; }
	if (document.getElementById('datumMaand') != undefined) { document.getElementById('datumMaand').style.visibility = 'hidden'; }
	if (document.getElementById('datumJaar') != undefined) { document.getElementById('datumJaar').style.visibility = 'hidden'; }
	if (document.getElementById('routeSportType') != undefined) { document.getElementById('routeSportType').style.visibility = 'hidden'; }
	if (document.getElementById('routeKm') != undefined) { document.getElementById('routeKm').style.visibility = 'hidden'; }
	if (aantal - movementLogin >= 0) {
		setTimeout('hideInlogDiv(' + aantal + ')',10);
	} else {
		setCookie('loginDivShown', '');
	}
}

//verberg of toon de logindiv
function clickDiv()
{
	if (getCookie('loginDivShown') == null || getCookie('loginDivShown') != '1') {
		showInlogDiv(breedteLoginDiv);
	} else {
		hideInlogDiv(breedteLoginDiv);
	}
}

//zet een cookie
function setCookie(cookieName, value) {
   var expires = new Date();
   expires.setTime(expires.getTime() + 2592000000);
   document.cookie = cookieName + "=" + escape(value) + "; expires=" + expires.toGMTString();
}

//haal de inhoud van een cookie op
function getCookie(cookieName) {
   var alen = cookieName.length;
   var clen = document.cookie.length;
   var i = 0;
   while (i < clen) {
	  var j = i + alen;
	  if(document.cookie.substring(i, j) == cookieName) {
		 var endstr = document.cookie.indexOf (";", j);
		 if (endstr == -1)
			endstr = document.cookie.length;
		 return unescape(document.cookie.substring(j + 1, endstr));
	  }
	  i = document.cookie.indexOf(" ", i) + 1;
	  if (i == 0) break;
   }
   return null;
}

//de welkbekende plaats een swf element functie
function plaatsSWF(file,width,height,version, zindex) {
	document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version='+version+',0,0,0" width="'+width+'" height="'+height+'" style="z-index:'+zindex+';">' +
	'<param name="movie" value="'+file+'" />' +
	'<param name="scale" value="noscale"><param name="quality" value="high" />' +
	'<param name="menu" value="false" />' +
	'<param name="wmode" value="transparent" />' +
	'<embed src="'+file+'" width="'+width+'" height="'+height+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false" wmode="transparent" scale="noscale"></embed>' +
	'</object>');
}

//de welkbekende plaats een swf element wat niet transparant is functie
function plaatsSWFnotransparent(file,width,height,version, zindex) {
	document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version='+version+',0,0,0" width="'+width+'" height="'+height+'" style="z-index:'+zindex+';">' +
	'<param name="movie" value="'+file+'" />' +
	'<param name="scale" value="noscale"><param name="quality" value="high" />' +
	'<param name="menu" value="false" />' +
	'<embed src="'+file+'" width="'+width+'" height="'+height+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed>' +
	'</object>');
}
function toonWachtwoordVergeten(){
	if(document.getElementById('wachtwoordVergeten').style.display =='none'){
		document.getElementById('wachtwoordVergeten').style.display = 'block';
	}else{
		document.getElementById('wachtwoordVergeten').style.display = 'none';
	}
	return true;
}