var raamwerk_current_werk_nr = 1;
var javadatum = -1;
var expovanKunstenaar = -1;

function GetXmlHttpObject()
{
  var xmlHttp=null;
  try
  {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
  }
  catch (e)
  {
    // Internet Explorer 6
    try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
    // Internet Explorer 5.5
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  return xmlHttp;
}


function stateChanged()
{
  if (xmlHttp.readyState==4)
  {
    document.getElementById("nieuwsEnNieuweKunstenaars").innerHTML=xmlHttp.responseText;
  }
}


function nieuwsBericht(str)
{

xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
  alert ("Your browser does not support AJAX!");
  return;
}

var url="nieuwsbericht.php";
url=url+"?id="+str;
url=url+"&sid="+Math.random();

xmlHttp.onreadystatechange=stateChanged;

xmlHttp.open("GET",url,true);
xmlHttp.send(null);

}


function VerwerkIntro(str, id)
{
  
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  var url="wijzigen/verwerkIntro.php";
  url=url+"?sid="+Math.random();

  xmlHttp.open("POST",url,true);
  xmlHttp.onreadystatechange=introChanged;
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

  var query = "intro=" + encodeURIComponent(str) + "&id="+ id;
  xmlHttp.send(query);

}

function introChanged()
{
  if (xmlHttp.readyState==4)
  {
    if(xmlHttp.status == 200) {
      document.getElementById("intro_wijzigen").style.backgroundColor="rgb(255,255,255)";
    }
  }
}

function ToonWerkbalk(wid, kid)
{
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  var url="layout_werken.inc.php";
  url=url+"?sid="+Math.random();

  xmlHttp.open("POST",url,true);
  xmlHttp.onreadystatechange=werkbalkKlaar;
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

  var query = "werk_id=" + wid + "&kunstenaars_id="+ kid;
  xmlHttp.send(query);

}

function werkbalkKlaar()
{
  if (xmlHttp.readyState==4)
  {
    if(xmlHttp.status == 200) {
      document.getElementById("werkenbalk").innerHTML=xmlHttp.responseText;
      document.getElementById("werkenbalk").style.display="block";
    }
  }
}

function genericStateChanged()
{
  if (xmlHttp.readyState==4)
  {
    document.getElementById('intro').innerHTML=xmlHttp.responseText;
  }
}
function GetIntroductie(eid, kid)
{
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  
  var url="profiel/profiel_intro.inc.php";
  url=url+"?sid="+Math.random();
  url=url+"&kid="+kid;

xmlHttp.onreadystatechange=genericStateChanged;

xmlHttp.open("GET",url,true);
xmlHttp.send(null);
  
}

function werkRaamStateChanged()
{
  if (xmlHttp.readyState==4)
  {
    alert(xmlHttp.responseText);
    document.getElementById('werkRaam').style.backgroundImage='url('+xmlHttp.responseText+')';
  }
}

function GetWerkRaam(kid)
{
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  
  var url="werkRaamImage.inc.php";
  url=url+"?sid="+Math.random();
  if (kid >= 0)
  {
    url=url+"&kid="+kid;
  }
  url = url+"&current_werk="+raamwerk_current_werk_nr;  

  xmlHttp.onreadystatechange=werkRaamStateChanged;

  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
  raamwerk_current_werk_nr++;
}

function werkRaamDetailsStateChanged()
{
  if (xmlHttp.readyState==4)
  {
    document.getElementById('werkRaamDetails').innerHTML=xmlHttp.responseText+bla;
  }
}

function GetWerkRaamDetails(kid)
{
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  
  var url="werkRaamDetails.inc.php";
  url=url+"?sid="+Math.random();
  if (kid >= 0)
  {
    url=url+"&kid="+kid;
  }

  xmlHttp.onreadystatechange=werkRaamDetailsStateChanged;

  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}


function kalenderStateChanged()
{
  if (xmlHttp.readyState==4)
  {
    document.getElementById('kalenderContainer').innerHTML=xmlHttp.responseText;
  }
}
function verversKalender(movement, datum)
{
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  
  
  if(javadatum == -1) 
  {
    javadatum = datum;
  }

  var secs = (60 * 60 * 24 * 30);
  if(movement == 'up')
  {
    javadatum = javadatum - secs;
  }
  else
  {
    javadatum = javadatum + secs;
  }
  
  var url="kalender.inc.php";
  url=url+"?sid="+Math.random();
  url = url+"&javadatum="+javadatum;  
  xmlHttp.onreadystatechange=kalenderStateChanged;

  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}




function linksStateChanged()
{
  if (xmlHttp.readyState==4)
  {
    document.getElementById('linksContent').innerHTML=xmlHttp.responseText;
  }
}
function verversLinks(subject)
{
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  
  var url="linksContent.inc.php";
  url=url+"?sid="+Math.random();
  url = url+"&subject="+subject;  
  xmlHttp.onreadystatechange=linksStateChanged;

  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}

function MeerProjecten()
{
  document.getElementById('spanMeerProjecten').style.display="none";
  document.getElementById('meerProjecten').style.display="block";
}

function MeerVrienden()
{
  document.getElementById('origVriend').style.display="none";
  document.getElementById('meerVriend').style.display="block";
}


function expoInhoud(eid, target, kid)
{
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  
  var url="expoText.inc.php";
  url=url+"?sid="+Math.random();
  url = url+"&eid="+eid;  
  url = url+"&kid="+kid;  
  xmlHttp.onreadystatechange=expoCallBack;
  expoVanKunstenaar = target

  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}


function expoCallBack()
{
  if (xmlHttp.readyState==4 && expoVanKunstenaar !== -1)
  {
    document.getElementById(expoVanKunstenaar).innerHTML=xmlHttp.responseText;
    expoVanKunstenaar = -1;
  }

}



function setLijstCategorie(deel, event)
{
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  
  var url="libraries/kunstenaarslijst.inc.php";
  url=url+"?sid="+Math.random();
  url = url+"&cat="+deel;  
  xmlHttp.onreadystatechange=lijstCallBackCategorie;
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}

function setLijst(deel, event)
{
  var key = "";
  if (window.event)
  {
    key = window.event.keyCode;
  }
  else
  {
    if (event)
    {
      key = event.which;
    }
  }
  key = String.fromCharCode(key);
  deel += key;
  xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
    alert ("Your browser does not support AJAX!");
    return;
  }
  
  var url="libraries/kunstenaarslijst.inc.php";
  url=url+"?sid="+Math.random();
  url = url+"&deel="+deel;  
  xmlHttp.onreadystatechange=lijstCallBack;
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}


function lijstCallBack()
{
  if (xmlHttp.readyState==4)
  {
    document.getElementById('kunstenaarslijstencontainer').innerHTML=xmlHttp.responseText;
  }
}

function lijstCallBackCategorie()
{
  if (xmlHttp.readyState==4)
  {
    document.getElementById('kunstenaarslijstencontainer').innerHTML=xmlHttp.responseText;
  }
}


function buttonHot(element, str)
{
  // reset de submenus.
  var submenu = document.getElementById('textualsubmenu');
  var myChild = submenu.firstChild;
  while( myChild )
  {
    if (myChild.className == "buttonSubmenu")
    {
      myChild.style.display='none';
      myChild.style.zIndex='0';
    }
    myChild = myChild.nextSibling;
  }

	var houdert = document.getElementById('buttonsHouder');
	var myChild = houdert.firstChild;
	while( myChild )
	{
		if (myChild.className == "buttonRand")
		{
			myChild.style.backgroundImage='none';
		}
		myChild = myChild.nextSibling;
  }
  document.getElementById(str).style.display='inline';

  element.style.backgroundImage='url(images/framework/button-over.png)';
  element.getParent().style.backgroundImage='url(images/framework/buttonrand.png)';
  element.getParent().style.zIndex=10;
}

function buttonNot(element)
{
  element.style.backgroundImage='url(images/framework/button.png)';
}