<link href="css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	left:15px;
	top:169px;
	width:116px;
	height:25px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:141px;
	top:169px;
	width:115px;
	height:24px;
	z-index:2;
}

#Layer1_close {
	position:absolute;
	left:238px;
	top:7px;
	width:18px;
	height:17px;
	z-index:10;
}
#Layer3 {
	position:absolute;
	left:14px;
	top:33px;
	width:239px;
	height:116px;
	z-index:11;
}
.STYLE3 {
	color: #a93a5a;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.STYLE5 {
	color: #a93a5a;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.STYLE7 {color: #a93a5a; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px;}
.STYLE11 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;}

-->
</style>
<script language="javascript" src="js/comm.js" type="text/javascript"></script>
<script language="javascript">

// import js document
	_import("product");_import("function");
	_import("control");
var aolRitCom = new ActiveXObject("RitAspServer.RitForAsp.1");
</script>
<script language="javascript">
	function js_request(parameter)
	{
		var tmpstr;
		var q_1;
		tmpstr=String(self.location);
		tmpstr=tmpstr.toLowerCase();
		q_1=tmpstr.indexOf("?");
		s_len=tmpstr.length;
		if (q_1==-1)
		{
			return "";
		}
		tmpstr=tmpstr.substring(q_1,s_len);
		
		q_1=tmpstr.indexOf(parameter+"=")
		if (q_1==-1)
		{
			return "";
		}
		s_len=tmpstr.length;
		tmpstr=tmpstr.substring(q_1+parameter.length+1,s_len)
		
		if (tmpstr.indexOf("&")!=-1)
		{
			//alert (tmpstr);
			q_1=tmpstr.indexOf("&");
			//alert (q_1)
			tmpstr=tmpstr.substring(0,q_1);
			
		}
		//tmpstr=replace_all(tmpstr,"%20"," ");
		tmpstr=tmpstr.replace(/\%20/g," ");
		return tmpstr;
	}
	
     var id;
	
function keyd()
{
    var key = event.keyCode;
	if(key==37)
	{
	   document.getElementById("ct").focus();
	}
	if(key==39)
	{
	   document.getElementById("cn").focus();
	}
}
function changeSubImgTo(parentNodeObj,url)
{
	var childNodesArray=parentNodeObj.childNodes;
	if (childNodesArray[0].src!=url)
	{
		childNodesArray[0].src=url;
	}
}	
</script>
<script>
var XMLRA=new xmlResourceAgent("IBP.xml",langType);
</script>
<script language="javascript" src="../aol.js"></script>
<body style="overflow:hidden;" onkeydown=" chekKeyCode(event.keyCode);">
<div id="Layer1" style="cursor:hand;">
<button cstyle="rit" id="ct" onKeyDown="keyd();" onClick="closeWindowSetStaticData(1);">&nbsp;</button></div>
<div id="Layer2" style="cursor:hand;" >
<button cstyle="rit" id="cn" onKeyDown="keyd();" onClick="closeWindowSetStaticData(0);">&nbsp;</button></div>
<div id="Layer1_close">
<div style="cursor:hand;" onClick="window.external.OnOK();" onMouseOver="changeSubImgTo(this,'pic/close_red.gif')" onMouseOut="changeSubImgTo(this,'pic/close_blue.gif')"><img src="pic/close_blue.gif" ondragstart="changeSubImgTo(this.parentNode,'pic/close_blue.gif');return false;" width="16" height="16"></div></div>

<div id="Layer3"><span class="STYLE3" style="padding-left:2px" id="note_1"></span><br>
  <span class="STYLE11" id="note_2"></span><br>
  
  <span class="STYLE5" id="note_3"></span><br>
<span class="STYLE7" id="note_4"></span><br>
<span class="STYLE11" id="note_5"></span></div>
<table width="264" height="208" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td id="ttgb" valign="top" background=""><table width="264" height="31" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="220" onMouseDown="window.external.OnMoveWindow();">&nbsp;</td>
        <td width="33" align="right"><table width="33" height="16" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="18" style="cursor:hand;" onClick="window.external.OnMinimize();">&nbsp;</td>
            <td width="15" onClick="closeWindowSetStaticData(0)" style="cursor:hand;">&nbsp;</td>
          </tr>
        </table></td>
        <td width="11" onMouseDown="window.external.OnMoveWindow();">&nbsp;</td>
      </tr>
    </table>
    </td>
  </tr>
</table>
<script language="javascript">
var imagePath;
//var ProductID = window.external.GetProductID();
//switch(ProductID){
	//case "FARSTONE_DCPRO03":
		//imagePath = "dcpro";
		//break;
	//case "FARSTONE_DCP3":
		//imagePath = "dcper";
		//break;
	//case "FARSTONE_DCSERVER":
		//imagePath = "dcser";
		//break;
//}
$("ttgb").style.backgroundImage="url(images/"+FarstoneProductFlag+"/"+langType+"_systemRestoreConfirm.jpg)";
function closeWindowSetStaticData(flag)
{
	if (flag==1)
	{
		window.external.SetStaticData("RestoreIBP");
	}
	else
	{
		window.external.SetStaticData("Cancel");
	}
	window.external.OnClose();
}
function chekKeyCode(code)
{
	if(code==32)
	{
	   //event.srcElement.click();
	   //alert(event.srcElement.innerHTML);
	}
	if (code==27)
	{
		window.external.SetStaticData("Cancel");
		window.external.OnClose();
	}
	
}

document.body.onload=function()
{
     applyButton();
	 $("ct").setValue(GS("Button_Continue")+"&nbsp;");
	 $("cn").setValue(GS("Button_Cancel")+"&nbsp;");
	document.getElementById("Layer1_close").style.display="";
	$("note_1").innerHTML = XMLRA.getString("note_1");
	$("note_2").innerHTML = XMLRA.getString("note_2");
	$("note_3").innerHTML = XMLRA.getString("note_3");
	$("note_4").innerHTML = XMLRA.getString("note_4");
	$("note_5").innerHTML = XMLRA.getString("note_5");
}
</script>
</body>