﻿var fesco_float = function ()
{
	this.show = function(typeid)
	{
		$('float_ctl').innerHTML = this.getBaseHTML(typeid) ;
		Utility.show('fesco_float_'+typeid);
		Utility.center('fesco_float_'+typeid); 
		this.controlSelect("hidden");
	};
	this.hide = function (typeid)
	{ 
		Utility.hide('fesco_float_'+typeid);
		this.controlSelect("visible");
	}; 
 	this.getBaseHTML = function(typeid)
	{
		var html,title,body;
		if(typeid == 1)
		{
			title = "注册"; 
			body = this.getRegHTML() ;
		}else if(typeid == 2)
		{
			title = "欢迎"; 
			body = this.getWelcomeHTML() ;
		}else if(typeid ==3)
  		{
  			title = '登录'; 
  			body = this.getLoginHTML() ;
   		}else if(typeid == 4)
 		{
  			title = '修改我的帐户信息';
  			body = this.getEditHTML();
  		}else if(typeid == 5)
  		{
  			title = '上传照片' ;
			body = this.getUploadHTML(); 
   		}
  		html = "<div id=fesco_float_"+typeid+" style='display:none;'><table border='0' cellspacing='0' cellpadding='0'><tr><td><img src=img/layer_bg01.jpg></td></tr><tr><td style='background:url(img/layer_bg02.jpg)' align=center><table border='0' cellspacing='0' cellpadding='0' width=90%><tr><td align=left><img src=img/logo_fesco.jpg></td><td align=right><div><a href=javascript:__fesco_float.hide('"+typeid+"')><img src=img/x_close.gif alt=close></a></div><div style=height:30px;line-height:150%;margin-top:20px;><b><span><li style='font-size:22px;color:#1f68b0'>"+title+"</li></span></b></div></td></tr><tr><td colspan=2><Div style='border-bottom: #000000 1px dotted;height=1px;'></div></td></tr><tr><td colspan=2 style=padding-top:15px>"+body+"</td></tr></table></td></tr><tr><td><img src=img/layer_bg03.jpg></td></tr></table></div>";
		return html;
	};
	this.getEditHTML  = function()
	{
		var body;
		body = "<table border='0' cellspacing='0' cellpadding='0'>\
					<tr>\
						<td colspan=3 align=left><span style='font-size=14px;'></span></td>\
					</tr>\
					<tr>\
						<td Height=20 colspan=3></td>\
					</tr>\
					<tr>\
						<td Height=25 align=right><div style='margin-top:3px;'>用&nbsp;&nbsp;户&nbsp;&nbsp;名：</div></td><td width=15></td><td align=left><div id=fesco_float_edit_username_html></div></td>\
					</tr>\
					<tr>\
						<td Height=10 colspan=3></td>\
					</tr>\
					<tr>\
						<td valign=top align=right><div style='margin-top:3px;'>昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：</div></td><td></td><td align=left ><input type=text name=nickname id=fesco_float_edit_nickname style='width:150px;' onkeydown='if(event.keyCode==13) __fesco_validate.validateEdit();'><br><div id=fesco_float_edit_nickname_html>20个字符内字母或数字组合</div></td>\
					</tr>\
					<tr>\
						<td Height=5 colspan=3></td>\
					</tr>\
					<tr>\
						<td valign=top align=right><div style='margin-top:3px;'>新&nbsp;&nbsp;密&nbsp;&nbsp;码：</div></td><td></td><td align=left ><input type=password id=fesco_float_edit_password style='width:150px;' onkeydown='if(event.keyCode==13) __fesco_validate.validateEdit();'><br><div id=fesco_float_edit_password_html>6位或以上字母或数字组合</div></td>\
					</tr>\
					<tr>\
						<td Height=5 colspan=3></td>\
					</tr>\
					<tr>\
						<td valign=top align=right><div style='margin-top:3px;'>确认密码：</div></td><td></td><td align=left ><input type=password name=confirmpass id=fesco_float_edit_confirmpass style='width:150px;' onkeydown='if(event.keyCode==13) __fesco_validate.validateEdit();'><br><div id=fesco_float_edit_confirmpass_html>重复输入并确认您的密码</div></td>\
					</tr>\
					<tr>\
						<td Height=5 colspan=3></td>\
					</tr>\
					<tr>\
						<td valign=top colspan=3><img src='img/button_submit.jpg' onclick=__fesco_validate.validateEdit(); style='cursor:pointer;'></td>\
					</tr>\
					<tr>\
						<td Height=20 colspan=3></td>\
					</tr>\
				</table>";
		__fesco_login.getUsername();
		__fesco_login.getNickname();
		return body;
	};
	this.getUploadHTML  = function()
	{
		var body;
		body = "<table border='0' cellspacing='0' cellpadding='0'>\
					<iframe id=iframe_data style='display:none;' name='iframe_data'></iframe>\
					<form onSubmit='return __fesco_upload.validate(this);' method='post' action='upload.php' target='iframe_data' enctype='multipart/form-data'>\
					<tr>\
						<td colspan=3 align=left><span style='font-size=14px;'>上传我的照片</span></td>\
					</tr>\
					<tr>\
						<td Height=40 colspan=3></td>\
					</tr>\
					<tr>\
						<td valign=top Height=30><div style='margin-top:7px;'>请选择本地文件：</div></td><td></td><td align=left ><input type=file name=photo ></td>\
					</tr>\
					<tr>\
						<td Height=40 colspan=3></td>\
					</tr>\
					<tr>\
						<td valign=top><input type=image src='img/button_submit.jpg'></td><td></td><td align=left ></td>\
					</tr>\
					<tr>\
						<td Height=40 colspan=3></td>\
					</tr>\
					</form>\
				</table>";
		return body;
	};
	this.getLoginHTML = function()
	{ 
		var body ; 
		body = "<table border='0' cellspacing='0' cellpadding='0'>\
					<tr>\
					<td><span style='font-size:14px;'><b>请输入您的帐户信息后登录</b></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style='font-size:14px;'><b></b></span></td>\
					</tr>\
					<tr> \
					<Td Height=40><div id='fesco_float_login_username_html'></div></td>\
					</tr> \
					<tr> \
					<Td Height=35>用&nbsp;&nbsp;户&nbsp;&nbsp;名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text style='width=170px' id='fesco_float_login_username' maxlength=40 onkeydown='if(event.keyCode==13) __fesco_validate.validateLogin();'></td>\
					</tr> \
					<tr> \
					<Td Height=35>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=password style='width:170px' id='fesco_float_login_password' maxlength=20 onkeydown='if(event.keyCode==13) __fesco_validate.validateLogin();'></td>\
					</tr> \
					<tr> \
					<Td Height=30></td>\
					</tr> \
					<tr> \
					<Td Height=60><div style='float:left'><img src=img/button_login.jpg style='cursor:pointer;' onclick='__fesco_validate.validateLogin();'></div><div style='float:left'>&nbsp;&nbsp;我还没有帐户，请&nbsp;&nbsp;</div><div style='float:left'><a href=javascript:__fesco_float.show(1);><img src=img/button_signup.jpg ></a></div></td>\
					</tr> \
					<tr> \
					<Td Height=30></td>\
					</tr> \
				</table>";
		return body ;
	};
	this.getWelcomeHTML = function()
	{  
		var body,username;
		body = "<table border='0' cellspacing='0' cellpadding='0'>\
					<tr>\
					<td><span style='font-size:14px;'><b>welcome <span id='welcome_username'></span>,请选择您需要的服务</b></span></td>\
					</tr>\
					<tr>\
					<td height=40></td>\
					</tr>\
					<tr> \
					<Td>\
						<table border='0' cellspacing='0' cellpadding='0'>\
							<tr>\
								<td align=right style='line-height:180%;' width=200>\
									<a href=index.php style='color:#1f68b0'>首页</a><br>\
									<a href=business.php style='color:#1f68b0'>涉外商务</a><br>\
									<a href=auto.php style='color:#1f68b0'>涉外车务</a><br>\
									<a href=homework.php style='color:#1f68b0'>涉外家政</a><br>\
									<a href=job.php style='color:#1f68b0'>外籍人求职</a><br>\
									<A href=border.php style='color:#1f68b0'>中国公民出入境</a><br>\
									<A href=other.php style='color:#1f68b0'>其他服务</a><br>\
								</td>\
								<td width=50></td>\
								<td width=2 bgcolor='#8fb6d7'></td>\
								<td width=50></td>\
								<td style='color:#1f68b0'><div style=float:left><a href=myresume.php><img src=img/icon_resume.jpg></a></div><div style=float:left;height=60px;><br><a href=myresume.php style='color:#1f68b0'>寻求更好职业发展，</br>请完善您的简历</a></div></td>\
							</tr>\
						</table>\
					</td>\
					</tr> \
					<tr> \
					<Td Height=40></td>\
					</tr> \
				</table>";
		this.getNickname();
		return body ;
	};
	this.getRegHTML = function ()
	{ 
		var body;
		body = "<table border='0' cellspacing='0' cellpadding='0'>\
					<tr>\
						<td width=270 align=left valign=top>\
						<span style=font-size:14px;><b>注册协议：</b></span><br></br>\
							<div style='line-Height=150%;width:95%;height:200px;overflow-y: scroll;SCROLLBAR-BASE-COLOR:  #505f94; SCROLLBAR-ARROW-COLOR: #FFFFFF;padding-right:10px;'>\
<span class='grey'>1、注册成为北京外企晨光劳务服务有限责任公司网站会员的主要目的是填写个人简历并委托我们为您寻求更好的职业发展。所有会员将简历寄放在我们的简历库后，便有机会被邀请和我们的专业人力资源顾问面对面或远程联系讨论个人的职业发展方向和最终的发展目标。在充分了解了会员的职业需求后，我们的专业人力资源顾问会与其保持联络，并在第一时间把合适的职位推荐给会员。您所需做的仅仅是提供您的email地址（免费注册），并完善您的个人简历。<br><br>\
2、我们将有权使用您的简历为您寻找职业机会，我们确保仅在此范畴内使用您的简历以及其中涉及的个人信息，不应用在其它方面，并尽最大努力确保您的个人信息不被复制、泄露。我们尊重您的个人隐私。我们的客户是来自全球的著名公司及中国企事业单位，当他们需要招聘人才时，我们将允许他们来查阅您的简历。当您不再需要我们为您服务时请通过电话通知我们，以便我们及时停止对您简历的推荐，尽早避免您的简历信息继续公开。如您未通过电话与我们确认取消服务而导致您的个人信息公开，我们将不承担任何责任。</br></br>\
3、注册成为我们的会员后，您需要确保您填写的信息内容不可以违反任何国家的法律法规。禁止利用我们提供的网站工具散布任何淫秽、恐怖、侵犯他人、组织、国家权益的信息。请认真并且真实填写您的简历信息和其他个人信息以便我们为您提供更为周到、完整的服务。</br></br>\
</span>\
</div>\
						</td>\
						<td width=270 align=right valign=top>\
							<table border='0' cellspacing='0' cellpadding='0' width='95%'>\
								<form>\
								<tr>\
									<td colspan=2 style='padding-bottom:15px;font-size:14px;' align=left><b>填写您的帐户信息</b></td>\
								</tr>\
								<tr>\
									<td width='30%' align=left valign=top>用&nbsp;&nbsp;户&nbsp;&nbsp;名：</td><td align=left><input type=text maxLength=40 name=username id=fesco_float_reg_username style='width:172px' onkeydown='if(event.keyCode==13) __fesco_validate.validateReg();'><div id=fesco_float_reg_username_html class=grey>常用的电子邮件作为用户名</div></td>\
								</tr>\
								<tr>\
									<td align=left valign=top>昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：</td><td align=left><input type=text maxLength=20 name=nickname id=fesco_float_reg_nickname style='width:172px' onkeydown='if(event.keyCode==13) __fesco_validate.validateReg();'><div id = fesco_float_reg_nickname_html class=grey>20个字符内字母或数字组合</div></td>\
								</tr>\
								<tr>\
									<td align=left valign=top>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</td><td align=left><input type=password  id=fesco_float_reg_password style='width:172px' maxLength=20 onkeydown='if(event.keyCode==13) __fesco_validate.validateReg();'><div id=fesco_float_reg_password_html class=grey>6位或以上字母或数字组合</div></td>\
								</tr>\
								<tr>\
									<td align=left valign=top>确认密码：</td><td align=left><input type=password id=fesco_float_reg_confirmpass style='width:172px' maxLength=20 onkeydown='if(event.keyCode==13) __fesco_validate.validateReg();'><div id=fesco_float_reg_confirmpass_html class=grey>重复输入并确认您的密码</div></td>\
								</tr>\
								<tr>\
									<td Height=15></td>\
								</tr>\
								<tr>\
									<td align=left valign=top colspan=2><input type=Checkbox id='fesco_float_reg_checkbox'>我同意并遵守注册协议。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=img/button_submit.jpg style='cursor:pointer;' onclick='return __fesco_validate.validateReg();'></td>\
								</tr>\
								</form>\
							</table>\
						</td>\
					</tr>\
					<tr>\
					<td Height=15></td>\
					</tr>\
				</table>";
		return body;
	};
	this.getNickname = function ()
	{
		var ajax = Ajax.Request('header.php?action=nick','GET',this.welcomeCallback);	
	}; 
	this.welcomeCallback = function(response)
	{
 		$('welcome_username')
.innerHTML =  response.responseText;
	};
	this.controlSelect = function(action)
	{ 
		var select_array ;
		select_array = document.getElementsByTagName("select");
		Utility.display(select_array,action);
  	};
}
var __fesco_float = new fesco_float();