function loadImages(){
ajaxloader = new Image();
ajaxloader.src = "img/ajax-loader.gif";
	
}
function GetInnerSize () {
	var x,y;
	if (self.innerHeight) // all except Explorer
	{
		x = self.innerWidth;
		y = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
		// Explorer 6 Strict Mode
	{
		x = document.documentElement.clientWidth;
		y = document.documentElement.clientHeight;
	}
	else if (document.body) // other Explorers
	{
		x = document.body.clientWidth;
		y = document.body.clientHeight;
	}
	return [x,y];
}


function ajax(URL, ID){
	
	document.getElementById(ID).innerHTML="<div style=\"height:100%; width:100%; vertical-align:middle; text-align:center;\" align=\"center\"><img src=\"img/loader.gif\" alt=\"Laden\" width=\"16\" height=\"16\" id=\"003\" border=\"0\"></div>";
	
   var xmlHttp;   
   try{xmlHttp=new XMLHttpRequest();}// Probeer of het lukt, [Firefox,Opera, Safari]
     catch (error) { // [1] Als het niet lukt
	 	try{xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");} // [Internet Explorer 6.0+]
			 catch (error) { // [2]
				 try {xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");} //[Internet Explorer 5.5+]
				 	catch (error) { // [3]
				        alert("Your browser does not support AJAX!");
        				return false;
        			} // {3}
			}// {2}
    }// {1}
	
	
   
	
xmlHttp.onreadystatechange=function()
      {      
      if(xmlHttp.readyState==4){document.getElementById(ID).innerHTML=xmlHttp.responseText;}
      }
    xmlHttp.open("POST",URL,true); //Haal het bestand op "bestandUrl"
    xmlHttp.send(null);
  }
  
  
function showFolder(IMG,SHOW){
	if(SHOW){
		if(document.getElementById('folder-div')){
								   document.getElementById('folder-div').style.display = "block";
								   document.getElementById('folder-img-div').style.display = "block";
								   } else {

	element = document.createElement("<div>");
	element.setAttribute('id','folder-div');

	
	element2 = document.createElement("<div>");
	element2.setAttribute('id','folder-img-div');
	element2.innerHTML = "<div style='position:absolute;top:2px; right:2px;z-index:2000;'><a class=\"mouse_over\" href=\"javascript:showFolder('"+ IMG + "', false);\" style='color:#ffffff;'>Sluiten</a></div>	<table style=\"position:absolute; top:0px; left:0px; width:100%; height:100%;\"><tr><td align='center' valign='middle'><img  src=\"img/ajax-loader.gif\"  id='005'><img src='" + IMG + "' onLoad='showImg()' id='flyer-img' onClick=\"showFolder('"+ IMG + "', false);\" style=\"display:none;\"></td></td></table>";
	
	table = document.getElementById('center-table');
	document.body.insertBefore(element,table);
	document.body.insertBefore(element2,element);
								   }
	} else{
		document.getElementById('folder-div').parentNode.removeChild(document.getElementById('folder-div'));
		document.getElementById('folder-img-div').parentNode.removeChild(document.getElementById('folder-img-div'));

	}

}

function showImg(){
	document.getElementById('005').style.display = "none";
	document.getElementById('flyer-img').style.display = "block";
}