function DialogOverLayer (obj) 
{
}

DialogOverLayer.width = function(obj) 
{
	return obj == window ? MagicShow.browser.opera && document.body.clientWidth ||
		MagicShow.browser.safari && window.innerWidth ||
		document.compatMode == "CSS1Compat" && document.documentElement.clientWidth ||
		document.body.clientWidth :
		Math.max(window.screen.width - 22, document.body.scrollWidth);
}

DialogOverLayer.height = function(obj)
{
	return obj == window ? MagicShow.browser.opera && document.body.clientHeight ||
		MagicShow.browser.safari && window.innerHeight ||
		document.compatMode == "CSS1Compat" && document.documentElement.clientHeight ||
		document.body.clientHeight :
		Math.max(window.screen.height, document.body.scrollHeight);
}

DialogOverLayer.prototype.show = function(obj, OverLayerID) 
{
	if (obj.constructor == String)
	{
		obj = document.getElementById(obj);
	}
	this.overlayer = document.getElementById(OverLayerID);
	obj.style.display = '';
	this.overlayer.style.display = '';
	this.overlayer.style.width = DialogOverLayer.width(document) + 'px';
	this.overlayer.style.height = DialogOverLayer.height(document) + 'px';
	obj.style.top = parseInt(getScrollTop() + (obj.offsetHeight / 2)) + 'px';
	obj.style.left = parseInt((DialogOverLayer.width(document) - obj.offsetWidth) / 2) + 'px';
	window.scrollTo(0, getScrollTop());
};

DialogOverLayer.prototype.hide = function(obj) 
{
	if (obj.constructor == String)
	{
		obj = document.getElementById(obj);
	}
	obj.style.display = 'none';
	this.overlayer.style.display = 'none';
};

function getScrollTop() 
{   
	var scrollPos = 0;    
	if (typeof window.pageYOffset != 'undefined')
	{    
		scrollPos = window.pageYOffset;    
	}    
	else if (typeof window.document.compatMode != 'undefined' && window.document.compatMode != 'BackCompat')
	{    
		scrollPos = window.document.documentElement.scrollTop;    
	}    
	else if (typeof window.document.body != 'undefined') 
	{    
		scrollPos = window.document.body.scrollTop;    
	}    
	return scrollPos;   
}

DialogOverLayer.dlg = new DialogOverLayer(this.overlayer);

function DialogShow(Array_Show, Array_Item, Array_Property)
{
	var TempShowName = "";
	TempShowName += Array_Show[0];
	
	var TempShowImage = "";
	TempShowImage += '<img src="' + Array_Show[1] + '" onerror="ImageOnError(this);" />';
	
	var TempItem = "";
	for(var i=0; i < Array_Item.length; i++)
	{
		if(Array_Item[i] != null)
		{
			TempItem += '<tr>'
						+ '<td><strong>' + Array_Item[i].split("|_*_|")[0] + '&nbsp;:&nbsp;</strong></td>'
						+ '<td>' + Array_Item[i].split("|_*_|")[1] + '</td>'
						+ '</tr>';
		}
	}
	
	var TempProperty = "";
	for(var i=0; i < Array_Property.length; i++)
	{	
		if((i + 1) % 2 == 0)
		{
			TempProperty +=' <td width="20%">&nbsp;</td>';
		}
		if(Array_Property[i] != null)
		{
			TempProperty += '<td width="40%">'
						+ '<span class="fc_000">' + Array_Property[i].split("|_*_|")[0] + ':</span> '
						+ '<span class="fc_red">' + Array_Property[i].split("|_*_|")[1] + '</span>'
						+ '</td>';
		}
		if((i + 1) % 2 == 0 && (i + 1) != Array_Property.length)
		{
			TempProperty += '</tr><tr>';
		}
	}
	document.getElementById("Div_ShowName").innerHTML = TempShowName;
	document.getElementById("Div_ShowImage").innerHTML = TempShowImage;	
	document.getElementById("Div_Items").innerHTML = '<table border="0" cellpadding="0" cellspacing="0" id="table_Items" >' + TempItem + '</table>'; 
	document.getElementById("Div_Property").innerHTML = '<table border="0" cellpadding="0" cellspacing="0" id="table_Items" width="100%" >' + TempProperty + '</table>'; 
	
    SelectItems = document.getElementsByTagName('select');    
	for (var i = 0; i < SelectItems.length; i++) 
	{
		SelectItems[i].style.visibility = 'hidden';
	}
	DialogOverLayer.dlg.show('Div_Dialog','Div_OverLayer');
	return false;
}

function DialogHide()
{
	SelectItems = document.getElementsByTagName('select');    
	for (var i = 0; i < SelectItems.length; i++) 
	{
		SelectItems[i].style.visibility = '';
	}
	DialogOverLayer.dlg.hide('Div_Dialog');
	return false;
}

function SetDialogTitleCSS(ClassName)
{
	var Div_Title = document.getElementById("Div_Title");
	Div_Title.className = ClassName;
}