// preloading images

// top menu images
strBase = "http://www.kerkaandelek.nl/";
strImagePath = strBase + "images/layout/";

Menu = new Image; Menu.src = strImagePath + "menu.gif";
MenuOn = new Image; MenuOn.src = strImagePath + "menu_on.gif";
MenuSub = new Image; MenuSub.src = strImagePath + "menusub.gif";
MenuSubOn = new Image; MenuSubOn.src = strImagePath + "menusub_on.gif";

// left menu images
strImagePath = strBase + "images/main/";

BeheerNorm = new Image; BeheerNorm.src = strImagePath + "beheer.gif";
BeheerSelect = new Image; BeheerSelect.src = strImagePath + "beheer_on.gif";

AgendaNorm = new Image; AgendaNorm.src = strImagePath + "agenda.gif";
AgendaSelect = new Image; AgendaSelect.src = strImagePath + "agenda_on.gif";

PreekonlineNorm = new Image; PreekonlineNorm.src = strImagePath + "preekonline.gif";
PreekonlineSelect = new Image; PreekonlineSelect.src = strImagePath + "preekonline_on.gif";

FotoalbumNorm = new Image; FotoalbumNorm.src = strImagePath + "fotoalbum.gif";
FotoalbumSelect = new Image; FotoalbumSelect.src = strImagePath + "fotoalbum_on.gif";

KerkwandelingNorm = new Image; KerkwandelingNorm.src = strImagePath + "kerkwandeling.gif";
KerkwandelingSelect = new Image; KerkwandelingSelect.src = strImagePath + "kerkwandeling_on.gif";

PrikbordNorm = new Image; PrikbordNorm.src = strImagePath + "prikbord.gif";
PrikbordSelect = new Image; PrikbordSelect.src = strImagePath + "prikbord_on.gif";

SitemapNorm = new Image; SitemapNorm.src = strImagePath + "sitemap.gif";
SitemapSelect = new Image; SitemapSelect.src = strImagePath + "sitemap_on.gif";

LinksNorm = new Image; LinksNorm.src = strImagePath + "links.gif";
LinksSelect = new Image; LinksSelect.src = strImagePath + "links_on.gif";

ZoekenNorm = new Image; ZoekenNorm.src = strImagePath + "zoeken.gif";
ZoekenSelect = new Image; ZoekenSelect.src = strImagePath + "zoeken_on.gif";

InloggenNorm = new Image; InloggenNorm.src = strImagePath + "inloggen.gif";
InloggenSelect = new Image; InloggenSelect.src = strImagePath + "inloggen_on.gif";

UitloggenNorm = new Image; UitloggenNorm.src = strImagePath + "uitloggen.gif";
UitloggenSelect = new Image; UitloggenSelect.src = strImagePath + "uitloggen_on.gif";

// buttons
strImagePath = strBase + "images/buttons/";

SendNorm = new Image; SendNorm.src = strImagePath + "send.gif";
SendSelect = new Image; SendSelect.src = strImagePath + "send_on.gif";

ToonNorm = new Image; ToonNorm.src = strImagePath + "toon.gif";
ToonSelect = new Image; ToonSelect.src = strImagePath + "toon_on.gif";

LoginNorm = new Image; LoginNorm.src = strImagePath + "login.gif";
LoginSelect = new Image; LoginSelect.src = strImagePath + "login_on.gif";

WissenNorm = new Image; WissenNorm.src = strImagePath + "wissen.gif";
WissenSelect = new Image; WissenSelect.src = strImagePath + "wissen_on.gif";

DeleteNorm = new Image; DeleteNorm.src = strImagePath + "delete.gif";
DeleteSelect = new Image; DeleteSelect.src = strImagePath + "delete_on.gif";

SearchNorm = new Image; SearchNorm.src = strImagePath + "search.gif";
SearchSelect = new Image; SearchSelect.src = strImagePath + "search_on.gif";

VerderNorm = new Image; VerderNorm.src = strImagePath + "verder.gif";
VerderSelect = new Image; VerderSelect.src = strImagePath + "verder_on.gif";

// walkthru
strImagePath = strBase + "images/walkthru/";

StartNorm = new Image; StartNorm.src = strImagePath + "start_av.gif";
StartSelect = new Image; StartSelect.src = strImagePath + "start_mo.gif";

HelpNorm = new Image; HelpNorm.src = strImagePath + "help_av.gif";
HelpSelect = new Image; HelpSelect.src = strImagePath + "help_mo.gif";

LeftNorm = new Image; LeftNorm.src = strImagePath + "left_av.gif";
LeftSelect = new Image; LeftSelect.src = strImagePath + "left_mo.gif";

RightNorm = new Image; RightNorm.src = strImagePath + "right_av.gif";
RightSelect = new Image; RightSelect.src = strImagePath + "right_mo.gif";

ForwardNorm = new Image; ForwardNorm.src = strImagePath + "forward_av.gif";
ForwardSelect = new Image; ForwardSelect.src = strImagePath + "forward_mo.gif";

BackwardNorm = new Image; BackwardNorm.src = strImagePath + "backward_av.gif";
BackwardSelect = new Image; BackwardSelect.src = strImagePath + "backward_mo.gif";

StairUpNorm = new Image; StairUpNorm.src = strImagePath + "stairup_av.gif";
StairUpSelect = new Image; StairUpSelect.src = strImagePath + "stairup_mo.gif";

StairDownNorm = new Image; StairDownNorm.src = strImagePath + "stairdown_av.gif";
StairDownSelect = new Image; StairDownSelect.src = strImagePath + "stairdown_mo.gif";

ThreeSixtyNorm = new Image; ThreeSixtyNorm.src = strImagePath + "threesixty_av.gif";
ThreeSixtySelect = new Image; ThreeSixtySelect.src = strImagePath + "threesixty_mo.gif";

Hotspot1Norm = new Image; Hotspot1Norm.src = strImagePath + "hotspot_av.gif";
Hotspot1Select = new Image; Hotspot1Select.src = strImagePath + "hotspot_mo.gif";

VolgendeNorm = new Image; VolgendeNorm.src = strImagePath + "volgende_av.gif";
VolgendeSelect = new Image; VolgendeSelect.src = strImagePath + "volgende_mo.gif";

GoNorm = new Image; GoNorm.src = strImagePath + "go_av.gif";
GoSelect = new Image; GoSelect.src = strImagePath + "go_mo.gif";

ExtraNorm = new Image; ExtraNorm.src = strImagePath + "detail_av.gif";
ExtraSelect = new Image; ExtraSelect.src = strImagePath + "detail_mo.gif";

ExtraTwoNorm = new Image; ExtraTwoNorm.src = strImagePath + "detailtwo_av.gif";
ExtraTwoSelect = new Image; ExtraTwoSelect.src = strImagePath + "detailtwo_mo.gif";

BackNorm = new Image; BackNorm.src = strImagePath + "back_av.gif";
BackSelect = new Image; BackSelect.src = strImagePath + "back_mo.gif";

Level1Norm = new Image; Level1Norm.src = strImagePath + "level1_av.gif";
Level1Select = new Image; Level1Select.src = strImagePath + "level1_mo.gif";

Level2Norm = new Image; Level2Norm.src = strImagePath + "level2_av.gif";
Level2Select = new Image; Level2Select.src = strImagePath + "level2_mo.gif";

Level3Norm = new Image; Level3Norm.src = strImagePath + "level3_av.gif";
Level3Select = new Image; Level3Select.src = strImagePath + "level3_mo.gif";

function moveOver(strButton)
{
  New = strButton + 'Select.src';
  document.getElementById(strButton).src = eval(New);
}

function moveOut(strButton)
{
  New = strButton + 'Norm.src';
  document.getElementById(strButton).src = eval(New);
}

// MENU FUNCTIONS //

var brname = navigator.appName
var BrVer = "";
if(brname.substring(0,2)=="Mi")
	BrVer="E";
var timer = 0;
lastid = -1;

function showDdnMenu(id)
{
  document.getElementById("ddnmenu"+id+"top").className = "bg"
	if(!((document.all)?document.all["ddnmenu"+id]:document.getElementById("ddnmenu"+id)))
		return;
	clearTimeout(timer);
	if((id != lastid) && (lastid!=-1))
		((document.all)?document.all["ddnmenu"+lastid]:document.getElementById("ddnmenu"+lastid)).style.visibility = "hidden";
	hideElement("select", document.getElementById("ddnmenu"+lastid));
	lastid = id;
	((document.all)?document.all["ddnmenu"+lastid]:document.getElementById("ddnmenu"+lastid)).style.visibility = "visible";
}

function hideDdnMenu(id)
{
	document.getElementById("ddnmenu"+id+"top").className = ""
  if(!((document.all)?document.all["ddnmenu"+id]:document.getElementById("ddnmenu"+id)))
		return;
	showElement("select");
	timer = setTimeout("if('"+id+"' == '"+lastid+"'){((document.all)?document.all['ddnmenu"+lastid+"']:document.getElementById('ddnmenu"+lastid+"')).style.visibility = 'hidden';}", 100)
}

function GetPos(el)
{
	if (!el || !el.offsetParent)return false;
	var res=Array()
	res["left"] = el.offsetLeft;
	res["top"] = el.offsetTop;
	var objParent = el.offsetParent;
	while (objParent.tagName.toUpperCase()!="BODY")
	{
		res["left"] += objParent.offsetLeft;
		res["top"] += objParent.offsetTop;
		objParent = objParent.offsetParent;
	}
	res["right"]=res["left"]+el.offsetWidth;
	res["bottom"]=res["top"]+el.offsetHeight;
	return res;
}

function hideElement(elName, Menu)
{
	if(BrVer!="E") return;
	for (i = 0; i < document.all.tags(elName).length; i++)
	{
		Obj = document.all.tags(elName)[i];
		// XHTML compatabiliteits probleem
    //if(!(pMenu=GetPos(Menu)))continue;
		//if(!(pObj=GetPos(Obj)))continue;
		//if(pObj["left"] < pMenu["right"] && pMenu["left"] < pObj["right"] && pObj["top"] < pMenu["bottom"] && pMenu["top"] < pObj["bottom"])
			Obj.style.visibility = "hidden";
	}
}

function showElement(elName)
{
	if(BrVer!="E") return;
	for (i = 0; i < document.all.tags(elName).length; i++)
	{
		obj = document.all.tags(elName)[i];
		if (!obj || !obj.offsetParent)continue;
		if(obj.style.visibility=="hidden")
			obj.style.visibility = "visible";
	}
}

// ===== DATE FUNCTIONS (EDITOR) =====//

function setDays() 
{
  var y = document.process.year.options[document.process.year.selectedIndex].value;
  var m = document.process.month.selectedIndex;
  var d;

  if ( (m == 3) || (m == 5) || (m == 8) || (m == 10) ) 
  {
    days = 30;
  }
  else if (m == 1) 
  {
    // check for leapyear - Any year divisible by 4, except those divisible by 100 (but NOT 400)
    if ( (Math.floor(y/4) == (y/4)) && ((Math.floor(y/100) != (y/100)) || (Math.floor(y/400) == (y/400))) )
      days = 29
    else
      days = 28
  }
  else 
  {
    days = 31;
  }

  // if (days in new month > current days) then we must add the extra days
  if (days > document.process.day.length) 
  {
    for (i = document.process.day.length; i < days; i++) 
    {
      document.process.day.length = days;
      document.process.day.options[i].text = i + 1;
      document.process.day.options[i].value = i + 1;
    }
  }
  
  // if (days in new month < current days) then we must delete the extra days
  if (days < document.process.day.length) 
  {
    document.process.day.length = days;
    if (document.process.day.selectedIndex == -1) 
      document.process.day.selectedIndex = days - 1;
  }
}

// code for smileys 
var cdiv = "blank";
function favArea(id) 
{
  if (cdiv == "blank")
  {
    cdiv = window.setInterval("favArea(\"" + id + "\")", 100);
  }
  var Element = document.getElementById(id);
  objh = parseFloat(Element.style.height) / 2;
  objw = parseFloat(Element.style.width) / 2;
  Element.style.top = Math.floor(Math.round((document.documentElement.offsetHeight / 2) + document.documentElement.scrollTop) - objh) + "px";
  Element.style.left = Math.floor(Math.round((document.documentElement.offsetWidth / 2) + document.documentElement.scrollLeft) - objw) + "px";
}

function choose_smiley(textarea, dir)
{
  document.getElementById(textarea).blur();

  var XMLHTTPObject = createHTTPHandler();

  XMLHTTPObject.open('GET', strBase + 'choose_smiley.adm?textarea=' + textarea, true);
  XMLHTTPObject.onreadystatechange = function() 
  {
    if (XMLHTTPObject.readyState == 4) 
    {
      if(XMLHTTPObject.status == 200)
      {
        document.getElementById("choose_smiley").innerHTML = XMLHTTPObject.responseText;
      }
    }
  }

  XMLHTTPObject.setRequestHeader("Cache-Control", "no-cache");
  XMLHTTPObject.setRequestHeader("X_USERAGENT", "kerkaandelek");

  //  XMLHTTPObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  //  XMLHTTPObject.setRequestHeader('Connection', 'close');

  XMLHTTPObject.send(null);

  document.getElementById("choose_smiley").style.visibility = "visible";
  document.getElementById("choose_smiley").style.display = "block";
}

function hide_smiley(textarea)
{
  document.getElementById('choose_smiley').style.visibility = "hidden";
  document.getElementById('choose_smiley').style.display = "";
  document.getElementById(textarea).focus()
}

function insert_smiley(textarea, smiley)
{
  hide_smiley(textarea);
  var textarea = document.getElementById(textarea);
  // if (!textarea) document.getElementById("text");

  if(!textarea.setSelectionRange)
  {
    var txt = document.selection.createRange().text;
    if(!txt||txt.length==0) {textarea.value += smiley;}
    else {document.selection.createRange().text = smiley;}
  }
  else
  {
    var pretext = textarea.value.substring(0, textarea.selectionStart);
    var posttext = textarea.value.substring(textarea.selectionEnd, textarea.value.length);
    textarea.value = pretext + smiley + posttext;
  }
  textarea.focus();
}

function createHTTPHandler()
{
  xmlHttp = false;
  try {xmlHttp = new XMLHttpRequest();} // Firefox, Opera 8.0+, Safari
  catch(e) // Internet Explorer
  {
    try {xmlHttp = new ActiveXObject('Msxml2.XMLHTTP');}
    catch(e)
    {
      try {xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');}
      catch(e)
      {
        alert('Uw browser ondersteunt geen Ajax technologie.\nDeze pagina kan niet worden gebruikt zonder Ajax.');
        return false;
      }
    }
  }
  return xmlHttp;
}

// 24 uurs actie functies

function changeContent(id,txt)
{
  document.getElementById(id).innerHTML = txt;
}

function showFloatDiv(e,id)
{
  var x = 0;
  var y = 0;
  
  if(e.pageX) x = e.pageX;
  else if(e.clientX) x = e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);

  if(e.pageY) y = e.pageY;
  else if(e.clientY) y = e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

  document.getElementById(id).style.display = 'block';
  document.getElementById(id).style.visibility = 'visible';
  document.getElementById(id).style.left = (x + 15) + 'px';
  document.getElementById(id).style.top = (y + 15) + 'px';
}

function hideFloatDiv(id)
{
  document.getElementById(id).style.display = '';
  document.getElementById(id).style.visibility = 'hidden';
}

function loadScheme(action,timeid,typeid,userid)
{
  hideFloatDiv('detailtext');
  document.getElementById('schema_overlay').style.display = 'block';
  
  var XMLHTTPObject = createHTTPHandler();
  
  if(action == 1) // add item
  {
    XMLHTTPObject.open('GET', strBase + '24uurschema.adm?action=add&timeid=' + timeid + '&typeid=' + typeid + '&userid=' + userid, true);
  }
  else if(action == 0) // remove item
  {
    XMLHTTPObject.open('GET', strBase + '24uurschema.adm?action=remove&timeid=' + timeid + '&typeid=' + typeid + '&userid=' + userid, true);
  }
  else
  {
    XMLHTTPObject.open('GET', strBase + '24uurschema.adm?action=nothing', true);
  }
  XMLHTTPObject.onreadystatechange = function() 
  {
    if (XMLHTTPObject.readyState == 4) 
    {
      if(XMLHTTPObject.status == 200)
      {
        document.getElementById('schema').innerHTML = XMLHTTPObject.responseText;
        document.getElementById('schema_overlay').style.display = '';
      }
    }
  }
  XMLHTTPObject.setRequestHeader('Cache-Control', 'no-cache');
  XMLHTTPObject.setRequestHeader('X_USERAGENT', 'kerkaandelek');
  XMLHTTPObject.send(null);  
}