// JavaScript Document
var LoginTxt="您好，欢迎来预订易！";

var LoginLink='<a id="loginlink" class=blue href="#" onClick="openLayer(\'log\');">[登录]</a> <a id="reglink" class=blue href="#" onClick="openLayer(\'reg\');">[注册]</a>'
if(getCookie("UserName")!=null)
{
	LoginTxt="您好，<font color='red'>"+getCookie("UserName")+"</font>";
	LoginLink='<a href="http://www.bookinge.com/User/default1.aspx">[会员中心]</a> <a id="logoutlink" class=blue href="http://www.bookinge.com/" onClick="delCookie(\'UserName\'); alert(\'退出成功！\');">[退出]</a>';
}

var logPanelTxt='';
logPanelTxt+='<div id="loginpanel">';
logPanelTxt+='<div class="titlemenu"><span onclick="closeLayer();">关闭</span></div>';
logPanelTxt+='<div class="popbox">';
logPanelTxt+='	<form id="login">';
logPanelTxt+='    <div class="tcbox">';
logPanelTxt+='        <div class="title">用户名：</div>';
logPanelTxt+='        <div><input class="textbox" type="text" id="UserName" name="UserName" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" style="width:100px;" /> <a href="#" onClick="closeLayer(); openLayer(\'reg\');">新用户注册</a></div>';
logPanelTxt+='    </div>';
logPanelTxt+='    <div class="tcbox">';
logPanelTxt+='        <div class="title">密码：</div>';
logPanelTxt+='        <div><input class="textbox" type="password" id="Password" name="Password" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" style="width:100px;" /> <a href="#" onClick="alert(\'功能建设中...\'); return false;">忘记密码？</a></div>';
logPanelTxt+='    </div>';
logPanelTxt+='    <div class="tcbox">';
logPanelTxt+='        <div class="title">验证码：</div>';
logPanelTxt+='        <div><input class="textbox" type="text" id="Verifycode" name="Verifycode" maxlength="4" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" style="width:30px;" /> <img src="http://www.bookinge.com/getValidateImg.aspx" align="absmiddle" style="width:55px; height:22px;" /></div>';
logPanelTxt+='    </div>';
logPanelTxt+='    <div class="tcbox">';
logPanelTxt+='        <div class="btn"><input type="button" onclick="chkLogin(this.form);" value="登陆"></div>';
logPanelTxt+='    </div>';
logPanelTxt+='	</form>';
logPanelTxt+='</div>';
logPanelTxt+='</div>';

var regPanelTxt='';
regPanelTxt+='<div id="regpanel">';
regPanelTxt+='<div class="titlemenu"><span onclick="closeLayer();">关闭</span></div>';
regPanelTxt+='<div class="popbox">';
regPanelTxt+='	<form id="reg">';
regPanelTxt+='    <div class="tcbox">';
regPanelTxt+='        <div class="title">用户名：</div>';
regPanelTxt+='        <div><input class="textbox" type="text" id="regUserName" name="regUserName" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" /> *</div>';
regPanelTxt+='    </div>';
regPanelTxt+='    <div class="tcbox">';
regPanelTxt+='        <div class="title">密码：</div>';
regPanelTxt+='        <div><input class="textbox" type="password" id="regPassword" name="regPassword" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" /> *</div>';
regPanelTxt+='    </div>';
regPanelTxt+='    <div class="tcbox">';
regPanelTxt+='        <div class="title">确认密码：</div>';
regPanelTxt+='        <div><input class="textbox" type="password" id="regPwAgain" name="regPwAgain" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" /> *</div>';
regPanelTxt+='    </div>';
regPanelTxt+='    <div class="tcbox">';
regPanelTxt+='        <div class="title">真实姓名：</div>';
regPanelTxt+='        <div><input class="textbox" type="text" id="regTrueName" name="regTrueName" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" /> *</div>';
regPanelTxt+='    </div>';
regPanelTxt+='    <div class="tcbox">';
regPanelTxt+='        <div class="title">手机号：</div>';
regPanelTxt+='        <div><input class="textbox" type="text" id="regMobilePhone" name="regMobilePhone" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" onkeydown="event.returnValue=IsDigit();" /> *</div>';
regPanelTxt+='    </div>';
regPanelTxt+='    <div class="tcbox">';
regPanelTxt+='        <div class="title">邮箱：</div>';
regPanelTxt+='        <div><input class="textbox" type="text" id="regEmail" name="regEmail" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" /></div>';
regPanelTxt+='    </div>';
regPanelTxt+='    <div class="tcbox">';
regPanelTxt+='        <div class="btn"><input type="button" onclick="chkReg(this.form);" value="注册"></div>';
regPanelTxt+='    </div>';
regPanelTxt+='	</form>';
regPanelTxt+='</div>';
regPanelTxt+='</div>';

var bookPanelTxt='';
bookPanelTxt+='<div id="bookpanel">';
bookPanelTxt+='<div class="titlemenu"><span onclick="closeLayer();">关闭</span></div>';
bookPanelTxt+='<div class="popbox">';
bookPanelTxt+='	<form id="book">';
if(getCookie("UserName")==null)
{
bookPanelTxt+='    <div class="tcbox">';
bookPanelTxt+='        <div class="label">如果您在BookingE.com已经有帐户,请登录您的帐户,这样消费积分将进行累加</div>';
bookPanelTxt+='        <div class="btn"><input type="button" onclick="closeLayer(); openLayer(\'log\');" value="进行登录"></div>';
bookPanelTxt+='    </div>';
}
bookPanelTxt+='    <div class="tcbox">';
bookPanelTxt+='        <div class="title">人数：</div>';
bookPanelTxt+='        <div><input class="textbox" type="text" id="bookPeopleNum" name="bookPeopleNum" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" onkeydown="event.returnValue=IsDigit();" /> *</div>';
bookPanelTxt+='    </div>';
bookPanelTxt+='    <div class="tcbox">';
bookPanelTxt+='        <div class="title">出发日期：</div>';
bookPanelTxt+='        <div><input class="textbox" type="text" id="bookDate" name="bookDate" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" style="width:104px;" onKeyDown="return false;" /> <a onMouseOver="window.status=\'Calendar\';return true;" onMouseOut="window.status=\'\';" href="javascript:showCalendar(\'bookcalendar\',false,\'bookDate\',\'\',\'\',\'\',\'2016-12-12\',\'\',\'\',\'\')" target=_self><img id=bookcalendar alt="" src="http://html.bookinge.com/Hotelimage/zx-date.gif" align=absMiddle border=0></a> *</div>';
bookPanelTxt+='    </div>';
bookPanelTxt+='    <div class="tcbox">';
bookPanelTxt+='        <div class="title">真实姓名：</div>';
bookPanelTxt+='        <div><input class="textbox" type="text" id="bookTrueName" name="bookTrueName" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" /> *</div>';
bookPanelTxt+='    </div>';
bookPanelTxt+='    <div class="tcbox">';
bookPanelTxt+='        <div class="title">手机号：</div>';
bookPanelTxt+='        <div><input class="textbox" type="text" id="bookMobilePhone" name="bookMobilePhone" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" onkeydown="event.returnValue=IsDigit();" /> *</div>';
bookPanelTxt+='    </div>';
bookPanelTxt+='    <div class="tcbox">';
bookPanelTxt+='        <div class="title">邮箱：</div>';
bookPanelTxt+='        <div><input class="textbox" type="text" id="bookEmail" name="bookEmail" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';" /></div>';
bookPanelTxt+='    </div>';
bookPanelTxt+='    <div class="tcbox">';
bookPanelTxt+='        <div class="title">备注：</div>';
bookPanelTxt+='        <div><textarea id="bookRemark" name="bookRemark" onmouseover="this.style.borderColor=\'#FF7700\';" onmouseout="this.style.borderColor=\'#FFCC33\';"></textarea></div>';
bookPanelTxt+='    </div>';
bookPanelTxt+='    <div class="tcbox">';
bookPanelTxt+='        <div class="btn"><input type="button" onclick="chkBook(this.form);" value="预订"></div>';
bookPanelTxt+='    </div>';
bookPanelTxt+='	</form>';
bookPanelTxt+='</div>';
bookPanelTxt+='</div>';

function getcheckPanelTxt(bookPeopleNum,bookDate,bookTrueName,bookMobilePhone,bookEmail,bookRemark)
{
var checkPanelTxt='';
checkPanelTxt+='<div id="checkpanel">';
checkPanelTxt+='<div class="titlemenu"><span onclick="closeLayer();">关闭</span></div>';
checkPanelTxt+='<div class="popbox">';
checkPanelTxt+='    <div class="tcbox">';
checkPanelTxt+='        <div class="label">确认订单</div>';
checkPanelTxt+='        <div class="title">人数：</div>';
checkPanelTxt+='        <div>'+bookPeopleNum+'</div>';
checkPanelTxt+='    </div>';
checkPanelTxt+='    <div class="tcbox">';
checkPanelTxt+='        <div class="title">出发日期：</div>';
checkPanelTxt+='        <div>'+bookDate+'</div>';
checkPanelTxt+='    </div>';
checkPanelTxt+='    <div class="tcbox">';
checkPanelTxt+='        <div class="title">真实姓名：</div>';
checkPanelTxt+='        <div>'+bookTrueName+'</div>';
checkPanelTxt+='    </div>';
checkPanelTxt+='    <div class="tcbox">';
checkPanelTxt+='        <div class="title">手机号：</div>';
checkPanelTxt+='        <div>'+bookMobilePhone+'</div>';
checkPanelTxt+='    </div>';
checkPanelTxt+='    <div class="tcbox">';
checkPanelTxt+='        <div class="title">邮箱：</div>';
checkPanelTxt+='        <div>'+(bookEmail == "" ? "没填写" : bookEmail)+'</div>';
checkPanelTxt+='    </div>';
checkPanelTxt+='    <div class="tcbox">';
checkPanelTxt+='        <div class="title">备注：</div>';
checkPanelTxt+='        <div>'+(bookRemark == "" ? "没填写" : bookRemark)+'</div>';
checkPanelTxt+='    </div>';
checkPanelTxt+='    <div class="tcbox">';
checkPanelTxt+='        <div class="btn"><input type="button" onclick="sbm(\''+bookPeopleNum+'\',\''+bookDate+'\',\''+bookTrueName+'\',\''+bookMobilePhone+'\',\''+bookEmail+'\',\''+bookRemark+'\');" value="确认提交">&nbsp;&nbsp;<input type="button" onclick="closeLayer(); openLayer(\'book\');" value="返回"></div>';
checkPanelTxt+='    </div>';
checkPanelTxt+='</div>';
checkPanelTxt+='</div>';
return checkPanelTxt;
}

//弹出层
function openLayer(type) {
	
	var arrayPageSize = getPageSize();//调用getPageSize()函数
	var arrayPageScroll = getPageScroll();//调用getPageScroll()函数
	if (!$("popupAddr")) {
		//创建弹出内容层
		var popupDiv = document.createElement("div");
		
		//给这个元素设置属性与样式
		popupDiv.setAttribute("id","popupAddr")
		popupDiv.style.position = "absolute";
		popupDiv.style.zIndex = 99;
		
		//创建弹出背景层
		var bodyBack = document.createElement("div");
		bodyBack.setAttribute("id","bodybg")
		bodyBack.style.position = "absolute";
		bodyBack.style.width = "100%";
		bodyBack.style.height = (arrayPageSize[1] + 35 + 'px');
		bodyBack.style.zIndex = 98;
		bodyBack.style.top = 0;
		bodyBack.style.left = 0;
		bodyBack.style.filter = "alpha(opacity=70)";
		bodyBack.style.opacity = 0.7;
		bodyBack.style.background = "#FFF";
		
		var bodyIBack = document.createElement("iframe");
		bodyIBack.setAttribute("id","bodyibg")
		bodyIBack.style.position = "absolute";
		bodyIBack.style.width = "100%";
		bodyIBack.style.height = (arrayPageSize[1] + 35 + 'px');
		bodyIBack.style.zIndex = 97;
		bodyIBack.style.top = 0;
		bodyIBack.style.left = 0;
		bodyIBack.style.filter = "alpha(opacity=0)";
		bodyIBack.style.opacity = 0;
		bodyIBack.style.background = "#FFF";
		
		//实现弹出(插入到目标元素之后)
		var mybody = $('head');
		insertAfter(popupDiv,mybody);//执行函数insertAfter()
		insertAfter(bodyBack,mybody);//执行函数insertAfter()
		insertAfter(bodyIBack,mybody);//执行函数insertAfter()
	}
	//显示背景层
	$("bodybg").style.display = "";
	$("bodyibg").style.display = "";
	
	//显示内容层
	var popObj=$("popupAddr")
	if(type=="log"){ popObj.innerHTML = logPanelTxt; }
	if(type=="reg"){ popObj.innerHTML = regPanelTxt; }
	if(type=="book"){
		popObj.innerHTML = bookPanelTxt;
		var now = new Date();
		var year = now.getYear();
		var month = now.getMonth()+1;
		var day = now.getDate();
		$("bookDate").value = year+"-"+month+"-"+day;
	}
	if(type=="check"){ popObj.innerHTML = getcheckPanelTxt($("bookPeopleNum").value,$("bookDate").value,$("bookTrueName").value,$("bookMobilePhone").value,$("bookEmail").value,FormatHTML($("bookRemark").value)); }
	popObj.style.display = "";
	
	//让弹出层在页面中垂直左右居中
	popObj.style.width = "600px";
	popObj.style.height = "400px";
	popObj.style.top = arrayPageScroll[1] + (arrayPageSize[3] - 35 - 250) / 2 + 'px';
	popObj.style.left = (document.documentElement.clientWidth-600) / 2 + 'px';
}

//获取内容层内容原始尺寸
function getConSize(conId) {
	var conObj=$(conId)
	conObj.style.position = "absolute";
	conObj.style.left=-1000+"px";
	conObj.style.display="";
	var arrayConSize=[conObj.offsetWidth,conObj.offsetHeight]
	conObj.style.display="none";
	return arrayConSize;
}
function insertAfter(newElement,targetElement) {//插入
	var parent = targetElement.parentNode;
	if(parent.lastChild == targetElement) {
		parent.appendChild(newElement);
	}
	else{
		parent.insertBefore(newElement,targetElement.nextSibling);
	}
}
//获取滚动条的高度
function getPageScroll() {
	var yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {
		yScroll = document.body.scrollTop;
	}
	arrayPageScroll = new Array('',yScroll)
	return arrayPageScroll;
}
//获取页面实际大小
function getPageSize() {
	var windowWidth,windowHeight;
	//var pageHeight,pageWidth; 
	if (self.innerHeight) {
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) {
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) {
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	arrayPageSize = new Array(document.body.offsetWidth,document.body.offsetHeight,windowWidth,windowHeight)
	return arrayPageSize;
}
//关闭弹出层
function closeLayer() {
	$("popupAddr").style.display = "none";
	$("bodybg").style.display = "none";
	$("bodyibg").style.display = "none";
	return false;
}
//获取cookies
function getCookie(name)
{
	var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	if(arr=document.cookie.match(reg)) return unescape(arr[2]);
	else return null;
}
//删除cookies
function delCookie(name)
{
	var exp = new Date();  
	exp.setTime(exp.getTime() - 1);
	var cval = getCookie(name);
	document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString() + "; path=/; domain=.bookinge.com;";
	document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString() + "; path=/; domain=www.bookinge.com;";
	document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString() + "; path=/; domain=hotels.bookinge.com;";
}
//限制按键1-9,左右方向,BACKSPACE,delete
function IsDigit()
{
	return (((event.keyCode >= 48) && (event.keyCode <= 57)) || ((event.keyCode >= 96) && (event.keyCode <= 105)) || (event.keyCode == 8) || (event.keyCode == 46) || (event.keyCode == 37) || (event.keyCode == 39));
}

function FormatHTML(str)
{
	if(str!="")
	{
		str = str.replace(";", "；") //分号过滤 
		str = str.replace("--", "——") //--过滤 
		str = str.replace("%20", "") //特殊字符过滤 
		str = str.replace("==", "") //==过滤 
		str = str.replace(">", ">") 
		str = str.replace("<", "<") 
		str = str.replace(String.fromCharCode(32), " ") //  
		str = str.replace(String.fromCharCode(9), " ") //  
		str = str.replace(String.fromCharCode(34), "\"") 
		str = str.replace(String.fromCharCode(39), "'") //单引号过滤 
		str = str.replace(String.fromCharCode(13), "") 
		str = str.replace(String.fromCharCode(10) & String.fromCharCode(10), "</P><P> ") 
		str = str.replace(String.fromCharCode(10), "<BR> ") 
	}
	return str;
}

function $(str)
{
	return document.getElementById(str);
}

//显示信息,登陆命令
function showLoginTxt()
{
	document.write(LoginTxt);
}
function showLoginLink()
{   
	document.write(LoginLink);
}

var aa = "<div id=\"FZpanel\" style=\"display:none; width:700px; height:480px; position:absolute; z-index:99;\">";
aa += "<div class=\"titlemenu\"><span onclick=\"closeLayer1();\">关闭</span></div>";
aa += "<div class=\"popbox\">";
aa += "<iframe src=\"http://www.bookinge.com/ty/index/fenzhan.html\" frameborder=\"0\" id=\"FZbox\" style=\"padding:2px; width:700px; height:480px;\"></iframe>";
aa += "</div></div>";
aa += "<div id=\"FZboxbg\" style=\"width:100%; display:none; filter:alpha(opacity=70); opacity:70; position:absolute; top:0px; left:0px; z-index:98; background:#fff;\"></div>";

function FZshow(obj)
{
	document.getElementById("FZpanel").style.display = "block";
	document.getElementById("FZboxbg").style.display = "block";
	document.getElementById("FZboxbg").style.height = document.documentElement.scrollHeight;
	document.getElementById("FZpanel").style.top=(document.documentElement.clientHeight-document.getElementById("FZpanel").offsetHeight)/2 + "px";
	document.getElementById("FZpanel").style.left=(document.documentElement.clientWidth-document.getElementById("FZpanel").offsetWidth)/2 + "px";
}

function closeLayer1() {
	document.getElementById("FZpanel").style.display = "none";
	document.getElementById("FZboxbg").style.display = "none";
}
document.write(aa);