var savedPass = DynamicPageManager.readCookie('pass');
var savedCharacter = DynamicPageManager.readCookie('charname');
var savedRememberMe = "checked";
if ( !savedCharacter || !savedPass || savedCharacter == "" || savedPass == "" )
{
    savedRememberMe = "";
    savedPass = "";
    savedCharacter = "Character Name";
}

var loginString = 
'<div \
   style="width:220px;height:180px;background-image:url(/components/login/Login_BG.gif);position:relative;" class="languageImg">\
	<form id="login" method="post">\
		<input type="text" name="character" value="' + savedCharacter + '" class="loginInput" \
		    onfocus="setLoginCharacterName()" \
		    onblur="setLoginCharacterName()" \
		    style="position:absolute;top:30px;width:120px;height:16px;top:30px;left:12px;"/>\
		<input type="password" name="password" value="' + savedPass + '"  class="loginInput" \
		    onblur="setLoginPasswordField(false)" \
		    style="visibility:hidden;position:absolute;top:50px;width:120px;height:16px;left:12px"/>\
		<input type="text" name="hiddenPassword" value="Password" class="loginInput" \
		    onfocus="setLoginPasswordField(true)" \
		    style="visibility:visible;position:absolute;top:50px;width:120px;height:16px;left:12px"/>\
		<span style="left: 0px; position: absolute; top: 70px; width:220px;text-align:left;padding-left:8px">\
		    <input type="checkbox" ' + savedRememberMe + ' name="rememberMe" style="visibility:visible;vertical-align:middle;" />\
		    <span class="loginText language" value="remember">Remember me</span>\
		    <a class="loginText language" href="javascript:showForgotPasswordWindow(\'show\')" \
	            style="visibility:visible;padding-left:17px;" value="forgotpassword">Forgot password?</a>\
		</span>\
		<input type="hidden" name="mode" value="Login"/>\
	</form>\
	<span name="incorretLogin" id="incorretLogin" class="registerErrorText language" style="visibility:hidden;position:absolute;top:96px;left:20px" value="wrongnamepass">Incorrect name/password combination</span>\
	<img id="loginBtn" src="/components/login/Login_Btn_up.gif" \
	    onclick="doLogin();" \
	    onmouseout="loginBtn.src=\'/components/login/Login_Btn_up.gif\'" \
	    onmouseover="loginBtn.src=\'/components/login/Login_Btn_over.gif\'" \
	    style="visibility:visible;position:absolute;top:30px;left:143px;;cursor:pointer;" />\
	<img id="registerBtn" src="/components/login/Register_Btn_up.gif" \
	    onclick="showRegisterWindow(\'show\');" \
	    onmouseout="registerBtn.src=\'/components/login/Register_Btn_up.gif\'" \
	    onmouseover="registerBtn.src=\'/components/login/Register_Btn_over.gif\'" \
	    style="visibility:visible;position:absolute;top:131px;left:123px;cursor:pointer;" />\
</div>\
<div id="forgetPasswordDiv" \
    style="width:220px;height:180px;background-image:url(/components/login/Forgot-password-window-BG.gif);position:relative;display:none;top:-180px;">\
    <img style="float:right;" src="/components/login/Close_btn_up.gif" \
        onclick="showForgotPasswordWindow(\'hide\')" \
        onmouseover="this.src=\'/components/login/Close_btn_over.gif\'" \
        onmouseout="this.src=\'/components/login/Close_btn_up.gif\'"/>\
	<input type="text" id="forgotPasswordCharname" style="cursor:text;position:absolute;top:85px;left:17px;width:180px;height:20px">\
	<img id="forgetPasswordBtn" src="/components/login/Submit_Btn_up.gif" \
	    onclick="sendForgetPassword();" \
	    onmouseout="forgetPasswordBtn.src=\'/components/login/Submit_Btn_up.gif\'" \
	    onmouseover="forgetPasswordBtn.src=\'/components/login/Submit_Btn_over.gif\'" \
	    style="position:absolute;top:113px;left:67px;" />\
	<div id="forgotPasswordRet" style="position:absolute;top:151px;left:7px;font: 11px Arial;color:gold;text-align:center;"></div>\
</div>';

var loginDiv = document.getElementById('loginDiv');
loginDiv.innerHTML = loginString;

var login = document.getElementById("login");

if ( login.password.value != "" )
{
    login.hiddenPassword.style.visibility = 'hidden';
    login.password.style.visibility = "visible"
}