// JavaScript Document
//////////////////////////////////////////// OPEN WINDOW
function openWindow(img,obj,w,h)
{
	var ndiv	= document.createElement('div');
	var idiv 	= document.createElement('div');
	var label 	= document.createElement('h1');
	var closer 	= document.createElement('div');
	var holder	= document.createElement('div');
	var image 	= document.createElement('div');
	var bdy		= document.getElementsByTagName('html')[0];
	var elements = '';

	/*for (var prop in document.body.style)
	{
		elements += prop + ':' + document.body.style[prop] + '<br/>';
	}
	
	document.write(elements);*/
	
	ndiv.id					= "overlay";
	label.innerHTML 		= '<img src="images/icons/close.gif" id="closeMe" alt="Close this window" />' + obj.title;
	closer.id 				= "closer";
	holder.id				= "loading";
	holder.style.marginTop 	= ((h - 32) / 2) + 'px';
	holder.innerHTML 		= "<img src='images/icons/preloader.gif' />";
	image.innerHTML			= "<img style='display:none;' src='"+img+"' id='loaded' onload=show('loaded','loading'); />";
	
	var wndow			= getViewPort();
	idiv.style.top 		= ((wndow.p - h) / 2) + 'px';
	idiv.id 			= "window";
	idiv.style.width 	= w + "px";
	idiv.style.height 	= h + 35 + "px";
	idiv.style.left 	= ((wndow.w - w) / 2) + 'px';
	ndiv.style.width 	= wndow.w + 'px';
	ndiv.style.height 	= (wndow.h + wndow.v) + 'px';
	
	function getViewPort()
	{
		if (navigator.appName == "Microsoft Internet Explorer"){
			var width = document.documentElement.clientWidth;
			
			if(document.body.scrollHeight < document.documentElement.clientHeight){
				var height = document.documentElement.clientHeight;
			} else {
				var height = document.body.scrollHeight;
			}
			
			var vPortH = document.documentElement.clientHeight;
			var vscroll = document.documentElement.scrollTop;
		} else {
			
			if(document.body.offsetHeight < window.innerHeight){
				var height = window.innerHeight;
			} else {
				var height = document.body.offsetHeight;
			}
			
			var vPortH 	= window.innerHeight;
			var vscroll = window.scrollMaxY;
			var width 	= window.innerWidth - 18;
		}
		
		return {p:vPortH, v:vscroll, h:height, w:width};
	}
	
	ndiv.onclick = function()
	{
		document.body.removeChild(document.getElementById("window"));
		document.body.removeChild(document.getElementById("overlay"));
	}
	
	
	closer.appendChild(label);
	idiv.appendChild(closer);
	idiv.appendChild(holder);
	idiv.appendChild(image);
	document.body.appendChild(ndiv);
	document.body.appendChild(idiv);
	
	var closeMe = document.getElementById('closeMe');
	closeMe.onclick = function()
	{
		document.body.removeChild(document.getElementById("window"));
		document.body.removeChild(document.getElementById("overlay"));
	}
	
	return false;
}

function show(element,loader){
	var loading = document.getElementById(loader);
	document.getElementById(element).style.display = 'block';
	loading.style.display = 'none';
}