function getCookie(name) { 
	var Found = false 
	var start, end 
	var i = 0 
	 
	while(i <= document.cookie.length) { 
		start = i 
		end = start + name.length 
		 
		if(document.cookie.substring(start, end) == name) { 
			Found = true 
			break 
		} 
		i++ 
	} 
	 
	if(Found == true) { 
		start = end + 1 
		end = document.cookie.indexOf(";", start)
		
		if(end < start) 
			end = document.cookie.length 

		return document.cookie.substring(start, end) 
	} 
	return "" 
} 

function setCookie( name, value, expiredays ) 
{ 
        var todayDate = new Date(); 
        todayDate.setDate( todayDate.getDate() + expiredays ); 
        document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" 
} 



function openAlarm(cat, byn, l, t)
{

	var alermCookie = getCookie("alarm");
	var txt = "";
	
	if (alermCookie != cat) {
		
		var oXHR = zXmlHttp.createRequest();
		
		if(cat=="notice"){
			oXHR.open("get", "/Users/CheckNotice.aspx", true);
		}else{
			oXHR.open("get", "/Users/CheckAlarm.aspx?cat=" + cat + "&byn=" + byn, true);
		}

		oXHR.onreadystatechange = function () {
		  if (oXHR.readyState == 4) {
			  if (oXHR.status == 200 || oXHR.status == 304) {
				  txt = oXHR.responseText;
				  if(txt != "" && txt != null){
					createCoverLayer(cat, txt, l, t) ;
				  }

			  } else {
				  //displayLoginResult("¿¡·¯¹ß»ý: " + oXHR.statusText); //statusText is not always accurate
			  }
		  }            
		};
		oXHR.send(null);		

	}else{
		//alert("ÇϷ絿¾È ¾È¿­°Ô ¼³Á¤µÊ.")
	}
}


function closeAlarm()
{
	var cat = document.getElementById("AlarmCat").value;
	
	if(document.getElementById("AlarmChk").checked){
		setCookie( "alarm", cat , 1);
	}	
	Layer_AlarmPannel.style.visibility= "hidden";

}

function createCoverLayer(cat, txt, l, t) { 
    var layerId = "Layer_AlarmPannel" ; 
    var layer = document.getElementById(layerId); 

    if(layer) { 
      if(!layerId.value) { 
        layer.style.visibility = "hidden"; 
      } else { 
        layer.style.visibility = ""; 
      } 
    } else { 
        var layer = document.createElement("div"); 

        var layerHTML = ""; 
		layerHTML +="<table border='0' bordercolor='#cccccc' cellpadding='0' cellspacing='0'>";
		layerHTML +="<tr>";
		layerHTML +="	<td>";
		layerHTML +="		<table border='0' cellpadding='0' cellspacing='0'>";
		layerHTML +="		<tr>";
		layerHTML +="			<td>";
		layerHTML +="				<table border='0' cellpadding='0' cellspacing='0'>";
		layerHTML +="				<td><img src='/Guide/images/layer_top_left.gif'></td>";
		layerHTML +="				<td width='380' height='68' background='/Guide/images/layer_top_bg.gif'>";
		layerHTML +="					<img src='/Guide/images/layer_top.gif'>";
		layerHTML +="				</td>";
		layerHTML +="				<td><img src='/Guide/images/layer_top_right.png'></td>";
		layerHTML +="			  </table>";
		layerHTML +="			</td>";
		layerHTML +="		</tr>";
		layerHTML +="		<tr>";
		layerHTML +="			<td width='412'>";
		layerHTML +="				<table width='412' border='0' cellpadding='0' cellspacing='0'>";
		layerHTML +="				<tr>";
		layerHTML +="					<td align='left' width='1' background='/Guide/images/layer_middle.gif'></td>";
		layerHTML +="					<td width='370'  class='history' bgcolor='#FFFFFF'>";
		layerHTML +="					<table border='0' align='center' cellpadding='0' cellspacing='0'>";
		layerHTML +="					<tr>";
		layerHTML +="					  <td><div id='Layer_AlarmContent'";
		layerHTML +=" style='font-size: 12px;padding-left: 10px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;";
		layerHTML +=" width:370px;height:150px; border: 0px solid #CCCCCC;"; 
		layerHTML +=" overflow: auto; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #BFBFBF; ";
		layerHTML +=" scrollbar-highlight-color: #BFBFBF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF;"; 
		layerHTML +=" scrollbar-track-color: #F1F1F1; scrollbar-arrow-color: #BFBFBF' ";
		layerHTML +="					  >"+txt+"</div></td>";
		layerHTML +="					</tr>";
		layerHTML +="					</table>";
		layerHTML +="					</td>";
		layerHTML +="					<td align='left' width='18' background='/Guide/images/layer_middle_right.png'></td>";
		layerHTML +="				</tr>";
		layerHTML +="				<tr>";
		layerHTML +="				  <td align='left' background='/Guide/images/layer_middle.gif'></td>";
		layerHTML +="				  <td  class='history' bgcolor='#FFFFFF'>&nbsp;</td>";
		layerHTML +="				  <td align='left' background='/Guide/images/layer_middle_right.png'></td>";
		layerHTML +="			    </tr>";
		layerHTML +="				<tr>";
		layerHTML +="				  <td align='left' background='/Guide/images/layer_middle.gif'></td>";
		layerHTML +="				  <td  class='history' bgcolor='#FFFFFF'>";
		layerHTML +="					<table width='100%' border='0' cellpadding='0' cellspacing='0'>";
		layerHTML +="					<form name='frmAlarm'>";
		layerHTML +="					<input type='hidden' name='AlarmCat' id='AlarmCat' value='"+cat+"'/>";
		layerHTML +="					  <tr>";
		layerHTML +="						<td width='318' align='right' valign='middle' bgcolor='#FFFFFF'>";
		layerHTML +="							<img src='/images/bottom_left.gif' width='127' height='19' align='absbottom' />";
		layerHTML +="						</td>";
		layerHTML +="						<td width='25' height='20' align='center' valign='middle'>";
		layerHTML +="						  <input type='checkbox' name='AlarmChk' id='AlarmChk' value='1'/>";
		layerHTML +="						</td>";
		layerHTML +="						<td width='63'>";
		layerHTML +="	<a href='javascript:closeAlarm()'";
		layerHTML +="><img src='/images/close.gif' width='60' height='24' border='0' onfocus='this.blur();'/></a>";
		layerHTML +="						</td>";
		layerHTML +="					  </tr>";
		layerHTML +="					  </form>";
		layerHTML +="					</table>";
		layerHTML +="				  </td>";
		layerHTML +="				  <td align='left' background='/Guide/images/layer_middle_right.png'></td>";
		layerHTML +="			    </tr>";
		layerHTML +="				</table>";
		layerHTML +="			</td>";
		layerHTML +="		 </tr>";
		layerHTML +="		 <tr>";
		layerHTML +="			<td>";
		layerHTML +="				<table width='412' border='0' cellpadding='0' cellspacing='0'>";
		layerHTML +="				<tr>";
		layerHTML +="					<td><img src='/Guide/images/layer_bottom_left.png'></td>";
		layerHTML +="					<td width='380' height='12' background='/Guide/images/layer_bottom_bg.png'></td>";
		layerHTML +="					<td><img src='/Guide/images/layer_bottom_right.png'></td>";
		layerHTML +="				</tr>";
		layerHTML +="				</table>";
		layerHTML +="			</td>";
		layerHTML +="		</tr>";
		layerHTML +="	  </table>";
		layerHTML +="	</td>";
		layerHTML +="</tr>";
		layerHTML +="</table>";

		var layer_left;
		var layer_top;

		if (l=="" || l== null )
		{
			layer_left=354; 
		}else{
			layer_left = l;
		}
		if (l=="" || l== null )
		{
			layer_top=194; 
		}else{
			layer_top = t;
		}
		
        layer.setAttribute("id", layerId); 
        layer.style.position = "absolute"; 
		layer.width = 412;
		layer.height= 206;
        layer.style.left = layer_left; 
        layer.style.top = t; 
		layer.style.zIndex = 1000;
        layer.innerHTML = layerHTML; 		
        document.body.appendChild(layer); 
    } 
}