var Overlay = {
	IsOpen : false,
	Load : function()
	{
		if(!Overlay.Div)
		{
		
			Overlay.Div = document.createElement("div");
			Overlay.Div.id = "overlay";
			Overlay.Div.onclick = function()
			{
				Overlay.Remove();
			}								
		}	
		if(!Overlay.Window)
		{
			Overlay.Window = document.createElement("div");
			Overlay.Window.id = "window";
			Overlay.Window.className="content";
			Overlay.Window.style.visible = "hidden";				
		}	
		
		if(!Overlay.Close)
		{
			Overlay.Close = document.createElement("a");
			Overlay.Close.className = "icon-link icon-close right";
			Overlay.Close.id = "overlay-close";
			Overlay.Close.appendChild(document.createTextNode("Close"));
			Overlay.Close.href = "#";
			Overlay.Window.appendChild(Overlay.Close);
			Overlay.Close.onclick = function()
			{
				Overlay.Remove();
				return false;			
			}		
		}
		
		if(!Overlay.OnDisplay) Overlay.OnDisplay = new Event();		
		if(!Overlay.OnRemove) Overlay.OnRemove = new Event();		
		
/*		if(!Overlay.Content)
		{
			Overlay.Content = document.createElement("div");
			Overlay.Content.id = "OverlayContent";
			Overlay.Window.appendChild(Overlay.Content);
		}		*/				
	}
	,
	OnDisplay : null,
	Display : function()
	{
		if(Overlay.OnDisplay) Overlay.OnDisplay.execute();
	
		var theContainer = document.getElementById("container");			
		
		theContainer.parentNode.appendChild(Overlay.Div);
		Overlay.CalculateDivSize();			
				
		theContainer.parentNode.appendChild(Overlay.Window);		
		
		Overlay.IsOpen = true;				
							
	}
	,
	DisableRemove : false,
	OnRemove : new Event(),
	Remove : function()
	{
		if(!Overlay.DisableRemove)
		{
			var theContainer = document.getElementById("container");
			if(Overlay.Div)
			{			
				theContainer.parentNode.removeChild(Overlay.Div);
			}
			if(Overlay.Window)
			{
				theContainer.parentNode.removeChild(Overlay.Window);
				Overlay.Window.style.width = null;
			}		
			Overlay.IsOpen = false;		
			if(Overlay.OnRemove) Overlay.OnRemove.execute();
		}
	}
	,
	SetDisableRemove : function(timeout)
	{
		Overlay.DisableRemove = true;
		window.setTimeout("Overlay.DisableRemove = false;", timeout);
	}	
	/*	
	,	
	AddContent : function(html)
	{
		Overlay.Content.innerHTML += html;			
		Overlay.PositionWindow();
		Overlay.Window.style.visible = "visible";
	}
	,
	ClearContent : function()
	{
		Overlay.Content.innerHTML = "";
		Overlay.Window.style.visible = "hidden";
	}
	*/
	,
	PositionWindow : function()
	{
		if(Overlay.Window)
		{	
			var pagesize = TB_getPageSize();	
			var arrayPageScroll = TB_getPageScrollTop();
			var height = Overlay.Window.offsetHeight;
			var width = Overlay.Window.offsetWidth;
								
			var top = (arrayPageScroll[1] + (pagesize[1]-height)/2);			
			//var top = ((pagesize[1]-height)/2);			
			
			Overlay.Window.style.top = top + "px";
			
			var left = ((pagesize[0]-width)/2);
			
			Overlay.Window.style.left = left + "px";
		}
	}
	,
	SetWindowWidth : function(width)
	{
		/*if(width < 600) width = 600;*/
		Overlay.Window.style.width = width.toString() + "px";
	}
	,
	CalculateDivSize : function()
	{
		if(Overlay.Div)
		{	
			Overlay.SetDivSize(0,0);
			if (window.innerHeight && window.scrollMaxY || window.innerWidth && window.scrollMaxX) 
			{	
				height = window.innerHeight + window.scrollMaxY;
				width = window.innerWidth + window.scrollMaxX;
				var deff = document.documentElement;
				var wff = (deff&&deff.clientWidth) || document.body.clientWidth || window.innerWidth || self.innerWidth;
				var hff = (deff&&deff.clientHeight) || document.body.clientHeight || window.innerHeight || self.innerHeight;
				height -= (window.innerHeight - hff);				
				width -= (window.innerWidth - wff);
			} else if (document.body.scrollHeight > document.body.offsetHeight || document.body.scrollWidth > document.body.offsetWidth){ // all but Explorer Mac
				height = document.body.scrollHeight;
				width = document.body.scrollWidth;
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
				height = document.body.offsetHeight;
				width = document.body.offsetWidth;
		  	}
			Overlay.SetDivSize(width, height);
		}
	}
	,
	SetDivSize : function(width, height)
	{
		if(Overlay.Div)
		{
			Overlay.Div.style.width = width + "px";
			Overlay.Div.style.height = height + "px";
		}
	}		
}

function TB_position() 
{
	var pagesize = TB_getPageSize();	
	var arrayPageScroll = TB_getPageScrollTop();
	var style = {width: TB_WIDTH, left: (arrayPageScroll[0] + (pagesize[0] - TB_WIDTH)/2), top: (arrayPageScroll[1] + (pagesize[1]-TB_HEIGHT)/2)};
	$("#TB_window").css(style);
}

function TB_getPageScrollTop()
{
	var yScrolltop;
	var xScrollleft;
	if (self.pageYOffset || self.pageXOffset) 
	{
		yScrolltop = self.pageYOffset;
		xScrollleft = self.pageXOffset;
	} 
	else if (document.documentElement && document.documentElement.scrollTop || document.documentElement.scrollLeft )
	{
		// Explorer 6 Strict
		yScrolltop = document.documentElement.scrollTop;
		xScrollleft = document.documentElement.scrollLeft;
	} 
	else if (document.body) 
	{
		// all other Explorers
		yScrolltop = document.body.scrollTop;
		xScrollleft = document.body.scrollLeft;
	}
	arrayPageScroll = new Array(xScrollleft,yScrolltop) 
	return arrayPageScroll;
}

function TB_getPageSize(){
	var de = document.documentElement;
	var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight
	arrayPageSize = new Array(w,h) 
	return arrayPageSize;
}

window.addToOnload(Overlay.Load);
window.addToOnresize(Overlay.CalculateDivSize);
window.addToOnresize(Overlay.PositionWindow);