var g_agt = navigator.userAgent.toLowerCase();
var is_opera = (g_agt.indexOf("opera") != -1);
var g_title = "";
var g_iframeno = 0;

function exist(s)
{
	return $('#'+s)!=null;
}
function myInnerHTML(idname, html)
{
	if (exist(idname))
	{
		$('#'+idname).html(html);
	}
}

function dialog(v_w, v_h, v_title)
{
	var width = v_w;
	var height = v_h;
	var title = v_title;
	g_title = title;
	
	var sClose = '<a href="javascript:void(0)" onclick="javascript:new dialog().close();"><b>×</b></a>';

	var sBox = '\
	     <div id="dialogBox" style="display:none;z-index:19999;width:'+width+'px;">\
			<div class=ts460 style="position:absolute;top:0px;"><img src="/images/h460_t.gif" width="'+width+'" height="8" /></div>\
			<div style="position:absolute;height:'+height+'px;top:8px;" >\
			<table border="0" cellpadding="0" cellspacing="0">\
			<tr style="height:'+(height)+'px;"><td style="background:#000000;width:7px;filter:alpha(opacity=50); -moz-opacity:0.5;"></td>\
			<td style="width:'+(width-14)+'px;">\
				<div style="border:1px solid #565656;">\
				<table width="100%" border="0" cellpadding="0" cellspacing="0">\
					<tr height="24" bgcolor="#6795B4">\
						<td>\
							<div class="ts3">\
								<div id="dialogBoxTitle" class="ts31">'+title+'</div>\
								<div id="dialogClose" class="ts32">' + sClose + '</div>\
							</div>\
						</td>\
					</tr>\
					<tr valign="top">\
						<td id="dialogBody" style="height:' + (height-28) + 'px" bgcolor="#ffffff"></td>\
					</tr>\
				</table>\
				</div>\
			</td>\
			<td style="background:#000000;width:7px;filter:alpha(opacity=50); -moz-opacity:0.5;"></td></tr>\
			</table>\
			</div>\
			<div class=ts460 style="position:absolute;top:'+(height+8)+'px;"><img src="/images/h460_b.gif" width="'+width+'" height="8" /></div>\
		</div><div id="dialogBoxShadow" style="display:none;z-index:19998;"></div>\
	';

	var sIfram = '\
		<iframe id="dialogIframBG" name="dialogIframBG" frameborder="0" marginheight="0" marginwidth="0" hspace="0" vspace="0" scrolling="no" style="position:absolute;z-index:19997;display:none;"></iframe>\
	';
	
	var sBG = '\
		<div id="dialogBoxBG" style="display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;"></div>\
	';
	
	this.init = function()
	{	
		$('#dialogCase') ? $('#dialogCase').remove() : function(){};

		var oDiv = document.createElement('span');
		oDiv.id = "dialogCase";
		if (!is_opera)
		{
			oDiv.innerHTML = sBG + sIfram + sBox;
		}
		else
		{
			oDiv.innerHTML = sBG + sBox;
		}
		document.body.appendChild(oDiv);
	}

	this.open = function(_sUrl)
	{		
		this.show();
		var openIframe = "<iframe width='100%' height='100%' name='iframe_parent' id='iframe_parent' src='" + _sUrl + "' frameborder='0' scrolling='no'></iframe>";
		myInnerHTML('dialogBody', openIframe);
	}

	this.show = function()
	{
		this.middle('#dialogBox');
		if ($('#dialogIframBG'))
		{   
			$('#dialogIframBG').css('top','0px');
			$('#dialogIframBG').css('left',$('#dialogBox').css('left'));
			$('#dialogIframBG').css('width',$('#dialogBox').width() + "px");
			$('#dialogIframBG').css('height',$('#dialogBox').height() + "px");
			$('#dialogIframBG').css('display','block');
		}
		if (!is_opera) {
			this.shadow();
		}
	}
	
	this.reset = function()
	{
		this.close();
	}

	this.close = function()
	{
		if (window.removeEventListener) 
		{
			window.removeEventListener('resize', this.event_b, false);
			window.removeEventListener('scroll', this.event_b, false);
		} 
		else if (window.detachEvent) 
		{
			try {
				window.detachEvent('onresize', this.event_b);
				window.detachEvent('onscroll', this.event_b);
			} catch (e) {}
		}
		if ($('#dialogIframBG')) {
			$('#dialogIframBG').css('display','none');
		}
		$('#dialogBox').css('display','none');
		$('#dialogBoxBG').css('display','none');
		$('#dialogBoxShadow').css('display',"none");
		if (typeof(parent.onDialogClose) == "function")
		{
			parent.onDialogClose($('#dialogBoxTitle').html());
		}
	}

	this.shadow = function()
	{
		this.event_b_show();
		if (window.attachEvent)
		{
			window.attachEvent('onresize', this.event_b);
			window.attachEvent('onscroll', this.event_b);
		}
		else
		{
			window.addEventListener('resize', this.event_b, false);
			window.addEventListener('scroll', this.event_b, false);
		}
	}
	
	this.event_b = function()
	{
		var oShadow = $('#dialogBoxShadow');
		
		if (oShadow.css('display') != "none")
		{
			if (this.event_b_show)
			{
				this.event_b_show();
			}
		}
	}
	
	this.event_b_show = function()
	{
		var oShadow = $('#dialogBoxShadow');
		oShadow.css('position',"absolute");
		oShadow.css('display',"");		
		oShadow.css('opacity',"0.2");
		oShadow.css('filter',"alpha(opacity=20)");
		oShadow.css('background',"#000");
		var sClientWidth = parent ? parent.document.body.offsetWidth : document.body.offsetWidth;
		var sClientHeight = parent ? parent.document.body.offsetHeight : document.body.offsetHeight;
		var sScrollTop = parent ? (parent.document.body.scrollTop+parent.document.documentElement.scrollTop) : (document.body.scrollTop+document.documentElement.scrollTop);
		oShadow.css('top','0px');
		oShadow.css('left','0px');
		oShadow.css('width',sClientWidth + "px");
		oShadow.css('height',(sClientHeight + sScrollTop) + "px");
	}

	this.middle = function(_sId)
	{   
		$(_sId).css("display",'');
		$(_sId).css("position",'absolute');

		var sClientWidth = parent.document.body.clientWidth;
		var sClientHeight = parent.document.body.clientHeight;
		var sScrollTop = parent.document.body.scrollTop+parent.document.documentElement.scrollTop;

		var sleft = (sClientWidth - $(_sId).width()) / 2;
		var iTop = sScrollTop+parseInt((document.documentElement.clientHeight-height)/2);

		var sTop = iTop > 0 ? iTop : 0;

		$(_sId).css("left",sleft);
		$(_sId).css("top",sTop);
	}
}

function openWindow(_sUrl, _sWidth, _sHeight, _sTitle)
{

	var oEdit = new dialog(_sWidth, _sHeight, _sTitle);
	oEdit.init();
	oEdit.open(_sUrl);

}

function openAlert(_sWord, _sButton , _sWidth, _sHeight, _sTitle , _sAction)
{
	return _openAlert(_sWord, _sButton , _sWidth, _sHeight, _sTitle , _sAction, "");
}

function openAlertBlue(_sWord, _sButton , _sWidth, _sHeight, _sTitle , _sAction)
{
	var excss = '.rbs1{border:1px solid #d7e7fe; float:left;}\n' +
'.rb1-12,.rb2-12{height:23px; color:#fff; font-size:12px; background:#355582; padding:3px 5px; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a; cursor:pointer;}\n' +
'.rb2-12{background:#355582;}\n';
	return _openAlert(_sWord, _sButton , _sWidth, _sHeight, _sTitle , _sAction, excss);
}

function _openAlert(_sWord, _sButton , _sWidth, _sHeight, _sTitle , _sAction, _excss)
{
	var oEdit = new dialog(_sWidth, _sHeight, _sTitle);
	oEdit.init();
	oEdit.show();
	var framename = "iframe_parent_" + g_iframeno++;
	var openIframe = "<iframe width='100%' height='100%' name='"+framename+"' id='"+framename+"' src='' frameborder='0' scrolling='no'></iframe>";
	myInnerHTML('dialogBody', openIframe);
	var iframe = window.frames[framename];
	iframe.document.open();
	iframe.document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n');
	iframe.document.write('<html xmlns="http://www.w3.org/1999/xhtml">\n');
	iframe.document.write('<head>\n');
	iframe.document.write('<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\n');
	iframe.document.write('<style>\n');
	iframe.document.write('body{FONT-SIZE: 12px; BACKGROUND: #fff; FONT-FAMILY: "lucida grande",tahoma,helvetica,arial,"bitstream vera sans",sans-serif; TEXT-ALIGN: center}\n');
	iframe.document.write('.ts460 {FILTER: alpha(opacity=50); WIDTH: 460px; moz-opacity: 0.5}\n');
	iframe.document.write('.ts3 {FONT-WEIGHT: bold; BACKGROUND: #d01e3b; BORDER-BOTTOM: #565656 1px solid; HEIGHT: 25px}\n');
	iframe.document.write('.ts31 {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 3px}\n');
	iframe.document.write('.ts32 {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: right; PADDING-BOTTOM: 2px; PADDING-TOP: 2px}\n');
	iframe.document.write('.ts32 A {COLOR: #f6d2d8; TEXT-DECORATION: none}\n');
	iframe.document.write('.l {FLOAT: left}.r {CLEAR: right; FLOAT: right}.c {CLEAR: both}\n');
	iframe.document.write('.ts42 {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: center}\n');
	iframe.document.write('.rbs1 {BORDER-RIGHT: #f9a4b2 1px solid; BORDER-TOP: #f9a4b2 1px solid; FLOAT: left; BORDER-LEFT: #f9a4b2 1px solid; BORDER-BOTTOM: #f9a4b2 1px solid}\n');
	iframe.document.write('.rb1-12 {BORDER-RIGHT: #6a6a6a 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #d32c47; PADDING-BOTTOM: 3px; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #6a6a6a 1px solid; HEIGHT: 23px}\n');
	iframe.document.write('.rb2-12 {BORDER-RIGHT: #6a6a6a 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #d32c47; PADDING-BOTTOM: 3px; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #6a6a6a 1px solid; HEIGHT: 23px}\n');
	iframe.document.write('.ts45 {PADDING-RIGHT: 0px; BORDER-TOP: #d8dfea 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-TOP: 10px; BORDER-BOTTOM: #d8dfea 1px solid}\n');
	iframe.document.write('</style>\n');
	if (_excss && _excss.length)
	{
		iframe.document.write('<style>\n');
		iframe.document.write(_excss + '\n');
		iframe.document.write('</style>\n');
	}
	iframe.document.write('</head>\n');
	iframe.document.write('<body>\n');
	if(_sAction == undefined)
	{
		_sAction = "new parent.dialog().reset();";
	}
	iframe.document.write(alertHtml(_sWord , _sButton , _sAction)+'\n');
	iframe.document.write('</body>\n');
	iframe.document.write('</html>\n');
	iframe.document.close();
}

function alertHtml(_sWord , _sButton , _sAction)
{
	var html = "";
	
	var html = '<div class="ts4">\
			<div class="ts45" style="border-top:none;padding-top:0;">\
				 '+_sWord+'\
				<div class="c"></div>\
			</div>\
			<div class="ts42 r">\
				<div class=""><input id="mybutton" type="button" value="'+_sButton+'" title="'+_sButton+'" class="rb1-12" onmouseover="this.className=\'rb2-12\';" onmouseout="this.className=\'rb1-12\';" onclick="javascript:'+_sAction+'" /></div>\
				<div class="c"></div>\
			</div>\
		   </div>';
	
	return html;
}

function dialogHtml(_sWord)
{
	var html = "";
	
	var html = '<div class="ts4">\
			<div class="ts45" style="border-top:none;padding-top:0;">\
				 '+_sWord+'\
				<div class="c"></div>\
			</div>\
			<div class="ts42 r">\
				<div class=""><input id="mybutton" type="button" value="'+_sButton+'" title="'+_sButton+'" class="rb1-12" onmouseover="this.className=\'rb2-12\';" onmouseout="this.className=\'rb1-12\';" onclick="javascript:'+_sAction+'" /></div>\
				<div class="c"></div>\
			</div>\
		   </div>';
	
	return html;
}