var FileManager = function(width, height, onSelect, filter,thumbnailweergave )
{
	this.Width = width || '800';
	this.Height = height || '500';

	this.popUpID = "popup";
	this.exitID = "popup_exit";

	//indien aanwezig worden alleen deze bestanden weergegeven.
	this.filter = filter;

	//callback na selectie van afbeelding
	this.onSelect = onSelect;

	this.thumbnailweergave = thumbnailweergave ? '&setthumbnails=' + this.thumbnailweergave : "";
	
}

FileManager.prototype.Create = function(title )
{
	  this.CreateHtml(title);
}

FileManager.prototype.CreateHtml = function(title)
{	
 	var titel = title ? title : "Selecteer hieronder uw bestand";
document.write('<div id="popup" style="z-index: 9999; display: none; width: ' + (this.Width+10) + 'px; height: ' + (this.Height+52) + 'px; background: #fff"> ');

document.write('		<div  id="header" style="float: right; padding-top: 10px;"> ');
document.write('		<span style="cursor: pointer;" class="knop" id="popup_exit">Sluiten <img src="./assets/images/close.png" align=\"absmiddle\" alt="Afsluiten"> </span> ');
document.write('		</div> ');
		
document.write('		<div style="padding-left: 10px; padding-top: 10px; "> ');
 
document.write('	<h1>' + titel + '</h1>');
document.write('<iframe src="" height="' + this.Height + '" width="' + this.Width + '" frameborder="0" marginheight="0" marginwidth="0" name="iframe_filemanager" id="iframe_filemanager"></iframe>');
 
document.write('		</div> ');

document.write('</div> ');
document.write('<div id="fadefilemanager" style="display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%;background-color: #000000; z-index:1001;	-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);" onClick="oFileManager.Close()"></div>');
document.write('');
}

FileManager.prototype.iframeCallback = function(id, src, file)
{
 
	this.onSelect(id, src, file);

	this.Hide();
}


FileManager.prototype.Show = function(filter, restrictdirectory)
{
	var x = 0;
	var y = 0;
	restrict = restrictdirectory ? restrictdirectory : 'reset';
 
	var src = 'modules/filemanager/filemanager_bestandenpopup.php?filter='  + filter + this.thumbnailweergave; 

	src= src + '&restrictdirectory='+ restrict;
		
	document.getElementById('iframe_filemanager').src = src;
	document.getElementById('fadefilemanager').style.display = "block";
	
	var element      = document.getElementById(this.popUpID);
	
	var exit_element = document.getElementById(this.exitID);
	
	var width        = window.innerWidth  ? window.innerWidth  : document.documentElement.clientWidth;
	var height       = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
	
	var iframes = element.getElementsByTagName("iframe");
	var num = iframes.length;
	if ( num > 0 )
	{ //even de src resetten
	 	iframes[0].src = iframes[0].src ;
	}
	
	element.style.position = "absolute";
	element.style.display  = "block";
	scrolltop = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
	scrollleft = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft;

	element.style.left = (scrollleft +(width -element.clientWidth )/2+x)+'px';
	element.style.top  = (scrolltop +(height-element.clientHeight)/2+y)+'px';

	exit_element.onclick     = new Function("oFileManager.Close()");
	
}

FileManager.prototype.Close = function(id)
{
		this.onSelect(0);
		this.Hide();
}	

FileManager.prototype.Hide = function(id)
{
	divje = id ? id : this.popUpID;

	var element = document.getElementById(divje);
	element.style.display = 'none';
	
	document.getElementById('fadefilemanager').style.display = "none";

}