function loginretrieveURL(url) {
	if (window.XMLHttpRequest) { // Non-IE browsers
		req = new XMLHttpRequest();
		req.onreadystatechange = loginprocessStateChange;
		try {
			req.open("GET", url, true);
		} catch (e) {
			alert(e);
		}
		req.send(null);
	} 
	else if (window.ActiveXObject) { // IE
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = loginprocessStateChange;
			req.open("GET", url, true);
			req.send();
		}
	}

}
function loginprocessStateChange() {
	if (req.readyState == 4) { // Complete
		if (req.status == 200) { // OK response
			if (req.responseText=='error') { 
				populate_login2(); 
			}
			else {
				populate_login1(req.responseText); 
			}
		}
		else {
			alert("Ajax Problem: " + req.statusText);
		}
	}
}
function login() {
	var form = document.getElementById("loginForm");
	var url = 'login2.php?rm_email='+form.rm_email.value+'&rm_pass1='+form.rm_pass.value ;
	loginretrieveURL(url);
}
function login_window_open() {
		document.getElementById("loginBox").style.visibility='visible';
		document.getElementById("welcomeBox").style.visibility='hidden';
}
function customer_service_window_open() {
	if(document.getElementById("customerServiceBox").style.visibility == 'hidden' || document.getElementById("customerServiceBox").style.visibility == "") {
		document.getElementById("customerServiceBox").style.visibility = 'visible';
	} else {
		document.getElementById("customerServiceBox").style.visibility = 'hidden';
	}
}
function populate_login1(displayhtml) {  // success
		document.getElementById("loginBox").style.visibility='hidden';
		document.getElementById("welcomeBox").style.visibility='visible';
		document.getElementById("welcomeBox").innerHTML = '<p class="pad"><span class="loginBoxText">Welcome back, '+displayhtml+'<br /><a href="myaccount.php" class="loginNavLink">my account</a> | <a href="cart.php" class="loginNavLink">view cart</a><br /><a href="#" class="loginNavLink">customer service</a><br /></p>';
		setCID();
}
function populate_login2(displayhtml) {  // error
	var form = document.getElementById("loginForm");
	form.rm_email.value = '';
	form.rm_pass.value = '';
	document.getElementById("loginBox").innerHTML = '<form id="loginForm"><table width="236"><tr><td><img src="images/spacer.gif" border="0" width="232" height="1" /></td></tr><tr><td><span class="loginBoxErrorText">Incorrect login. Please try again.</span></td></tr><tr><td class="loginBoxText">email: <input type="text" class="loginBoxText" name="rm_email" size="20"></td></tr><tr><td class="loginBoxText">password: <input type="text" class="loginBoxText" name="rm_pass" size="20"></td></tr></form><tr><td class="loginBoxText"><input type="button" value="Login" size="20" class="loginBoxText" onclick="JavaScript:login();"></td></tr>';
	document.getElementById("loginBox").style.visibility='visible';
	document.getElementById("welcomeBox").style.visibility='hidden';
}