var windows		= window.frames.length;

try
{
	var ibsScreen	= document.getElementById('imageBoxScreen');
}
catch(e)
{
	alert('imageBoxScreen');
}

var ibs	= {

	showScreen	: function()
	{
		this.selectTag('hidden');
		ibsScreen.style.top		= document.body.scrollTop + 'px';
		ibsScreen.style.left	= document.body.scrollLeft + 'px';
		ibsScreen.style.width	= document.body.offsetWidth + 'px';
		ibsScreen.style.height	= document.body.offsetHeight + 'px';
		document.body.scroll	= 'no';
		ibsScreen.style.display	= 'inline';
	},

	hideScreen	: function()
	{
		this.selectTag('visible');
		document.body.scroll		= 'auto';
		ibsScreen.style.display		= 'none';
		ibsScreen.innerHTML			= '';
	},

	showPage	: function(url, title, width, height)
	{
		this.showScreen();

		var buffer	=	"<div id='imageBoxScreenPanel'></div>\
						<table width=100% height=100% border=0 cellpadding=0 cellspacing=0 align=center style='position:absolute'>\
						<tr><td align=center \
						onclick=\"ibs.hideScreen()\" style=\"cursor:pointer\">";

		buffer		+=	"<div style=\"font:28px ,batang;color:#ffffff; height:50px;\">" + title + "</div>";

		buffer	+= "<div id='imageBoxBorder' style=\"border:#D3FF05 10px solid; width:1px; height:1px; background:#ffffff\">\
					<iframe src='" + url + "' frameborder=0 width=" + width + " height=" + height + "></iframe></div>\
					</td></tr></table>";
		ibsScreen.innerHTML = buffer;
	},

	showImage	: function(url, title, link,ti)
	{
		ti='';
		this.showScreen();

		var buffer	=	"<div id='imageBoxScreenPanel'></div>\
						<table width=100% height=100% border=0 cellpadding=0 cellspacing=0 align=center style='position:absolute'>\
						<tr><td align=center \
						onclick=\"ibs.hideScreen()\" style=\"cursor:pointer\">";

		if(link)
		{
			buffer		+=	"<a href='" + link + "' style=\"font:28px ,batang;color:#ffffff; height:50px;\" title='Go to Detail' target='_blank'>" + title + "</a>";
		}
		else
		{
			buffer		+=	"<div style=\"font:28px ,batang;color:#ffffff; height:70px;\">" + title + "</div>";
		}

		buffer	+= "<div id='imageBoxBorder' style=\"border:#FFFFFF 10px solid; width:1px; height:1px; background:#ffffff\">\
					<img src='" + url + "' border=0 onload=\"ibs.arrangeBox()\" align=absmiddle id='imageBoxSrc' alt='"+ti+"'></div>\
					</td></tr></table>";

		ibsScreen.innerHTML = buffer;
	},

	arrangeBox	: function()
	{
		if(document.getElementById('imageBoxSrc').offsetHeight < (document.body.offsetHeight - 150))
		{
			document.getElementById('imageBoxBorder').style.height		= document.getElementById('imageBoxSrc').offsetHeight + 'px';
			document.getElementById('imageBoxBorder').style.overflowY	= 'visible';
		}
		else
		{
			document.getElementById('imageBoxBorder').style.height		= (document.body.offsetHeight - 150) + 'px';
			document.getElementById('imageBoxBorder').style.overflowY	= 'auto';
		}
	},

	selectTag	: function(mode)
	{
		var selects = document.getElementsByTagName("SELECT");
		for (i=0;i < selects.length ;i++ )
		{
			selects[i].style.visibility = mode;
		}

		if (windows > 0)
		{
			for(i=0; i < windows; i++)
			{
				try
				{
					var selects = window.frames[i].document.getElementsByTagName("SELECT");

					for (j=0;j<selects.length ;j++ )
					{
						selects[j].style.visibility = mode;
					}
				}
				catch (e)
				{}
			}
		}
	}
};