var tabLastClassName;

function isEmpty(string) {
	return string == null || string == "" || string == false;
}

function tabOnMouseOver(tabName) {
    tabLastClassName = document.getElementById(tabName).className;
	document.getElementById(tabName).style.cursor="hand";	
	document.getElementById(tabName).className="tabSelectedBackground";
}

function tabOnMouseOut(tabName) {
	document.getElementById(tabName).className=tabLastClassName;
}

function updateLoginContent() {
    var loginUserId = getCookieValue("loginUserId");
    if (loginUserId == null || loginUserId == "")
        displayLoginNoUser();
    else
        displayLoginUser();
}

function displayLoginNoUser() {
	var currentLoginId = getCookieValue("rememberLoginId");
	var currentLoginPassword = getCookieValue("rememberLoginPassword");
    var content = "";
    content += "<table border='0' width='100%' bgcolor='lightgrey' valign='bottom' align='center'>";
    content += "   <tr>";
    content += "       <td width='100%' align='left'>";
    content += "           <form name='loginForm' style='margin:0 0 0 0;color:#5a5d79' action='login.jsp' method='post'>";
    content += "           &nbsp;User&nbsp;Id&nbsp;<input style='text-transform: uppercase' id='userIdInput'  name='userIdInput' type='text' size='12' maxlength='30' onkeypress='loginKeyPressedHandler()'/>";
    content += "           &nbsp;&nbsp;Password&nbsp;<input style='text-transform: uppercase' id='userPasswordInput' name='userPasswordInput' type='password' size='10' maxLength='30' onkeypress='loginKeyPressedHandler()'/>";
    content += "           &nbsp;<input id='loginButton' type='button' value='Log In' onclick='submit()'/>";
    content += "           <input type='checkbox' id='rememberPasswordInput' name='rememberPasswordInput'/>&nbsp;Remember Password";
    content += "           </form>";
    content += "       </td>";
    content += "       <td width='100' align='right' class='registerUser'>";
    content += "          <a href='register.jsp'>Register</a>&nbsp;";       
    content += "       </td>";
    content += "   </tr>";
    content += "</table>";
    document.getElementById("loginContent").innerHTML = content;
    
    if (!isEmpty(currentLoginId)) {
	    document.getElementById("userIdInput").value = currentLoginId;
	    document.getElementById("userPasswordInput").value = currentLoginPassword;
	    document.getElementById("rememberPasswordInput").checked = true;
    } 	   	
}

function displayLoginUser() {
    var userId = getCookieValue("loginUserId");
    var userName = getCookieValue("loginUserName");

    if (userId == null)
        userId = "";

    var content = "";
    content += "<table border='0' width='870' bgcolor='lightgrey' valign='bottom' align='center'>";
    content += "   <tr>";
    content += "       <td>";
    content += "           <form name='logoutForm' style='margin:0 0 0 0' action='logout.jsp' method='post'>";
    content += "              <input id='logoutButton' type='button' value='Log Out' onclick='submit()'/>";
    content += "           </form>";
    content += "       </td>";
    content += "       <td align='left'>";
    content += "              &nbsp;You&nbsp;are&nbsp;logged&nbsp;in&nbsp;as&nbsp;<b>" + userName.replace(" ", "&nbsp;") + "</b>&nbsp;";
    content += "       </td>";
    content += "       <td align='right' width='100%'>";
    content += "           <form name='userForm' style='margin:0 0 0 0' action='myAccount.jsp' method='post'>";
    content += "              <input name='userId' type='hidden' value='" + userId + "'/>";
    content += "              <a href='javascript:document.userForm.submit()'>View My Account</a>&nbsp;";
    content += "           </form>";
    content += "       </td>";
    content += "   </tr>";
    content += "</table>";

    document.getElementById("loginContent").innerHTML = content;
}

function loginKeyPressedHandler() {
    if (window.event.keyCode == 13)
        window.loginForm.submit();
}