function loginCustomer()
{
	var userName = document.getElementById('userName').value;
	var passWord = document.getElementById("passWord").value;
	
	var postData = "username="+encodeURI(userName);
	postData += "&password="+passWord;
	
	if(document.getElementById('shoppingBasketContent'))
	{
		//$('shoppingBasketContent').setStyle('display', 'none');
		doAjaxPostCall(postData, "/ajax/Login.php", "shoppingBasketContent", "");
	}
	else
	{
		doAjaxPostCall(postData, "/ajax/Login.php", "content", "");
		doAjaxPostCall(null, "/ajax/ShoppingBasket.php", "shoppingBasket", "");
	}
	
	$("pageOverLayNoOpacity").remove();
	$("pageOverLay").remove();
}

function loginAfterErrorCustomer()
{
	var userName = document.getElementById('userName').value;
	var passWord = document.getElementById("passWord").value;
	
	var postData = "username="+encodeURI(userName);
	postData += "&password="+passWord;
	
	doAjaxPostCall(postData, "/ajax/Login.php", "content", "");
}

function createLoginOverLayDialog()
{
	var htmlHeader = "Login";
    var htmlContent = "<div id=\"loginContainer\" style=\"margin-top: 4px; \">";
	htmlContent += "<label>Gebuikersnaam<\/label><br \/>";
	htmlContent += "<input type=\"text\" value=\"\" id=\"userName\" \/><br \/>";
	htmlContent += "<label>Wachtwoord<\/label><br \/>";
	htmlContent += "<input type=\"password\" value=\"\" id=\"passWord\" \/><br \/>";
	
	htmlContent += "<div style='margin-top: 5px;'>";
	htmlContent += "<input type=\"submit\" value=\"Login\" id=\"login\" onclick=\"javascript:loginCustomer();\" \/>";
	htmlContent += "&nbsp;&nbsp;<input type=\"submit\" value=\"Cancel\" id=\"cancel\" onclick=\"javascript:CancelLogin();\" \/>";
	
	htmlContent += "</div><br /><label onclick=\"javascript:getRegisterScreen();\">Registeren<\/label>";
	htmlContent += "<\/div>";

	var overlayDialog = new OverlayDialog('login', htmlHeader, htmlContent, null);
	overlayDialog.CreateOverLay();
}

function CancelLogin()
{
	$("pageOverLayNoOpacity").remove();
	$("pageOverLay").remove();
}

function logout()
{
	var postData = "logout="+encodeURI('logout');
	doAjaxPostCall(postData, "/ajax/Login.php", "", "");
	
	var htmlHeader = "Uitloggen";
    var htmlContent = "U bent uitgelogd!";
	htmlContent += "<br /><br /><button onclick=\"javascript:CloseOverlay();\">OK</button>";
	
	var overlayDialog = new OverlayDialog('logout', htmlHeader, htmlContent, null);
	overlayDialog.CreateOverLay();
};

function CloseOverlay()
{
	$("pageOverLayNoOpacity").remove();
	$("pageOverLay").remove();
	
	location.reload(true);
	
	var loginStatusContainer = $("loginStatusContainer");
	loginStatusContainer.onclick = createLoginOverLayDialog;
	loginStatusContainer.innerHTML = "Inloggen";
}

function setLoginStatusRight()
{
	var loginStatusContainer = $("loginStatusContainer");
	loginStatusContainer.onclick = loadMySalty;
	loginStatusContainer.innerHTML = "Mijn Salty";
}

function loadMySalty()
{
	if(document.getElementById('shoppingBasketContent'))
	{
		doAjaxCall('/ajax/MySalty.php', 'shoppingBasketContent', '');
	}
	
	if(document.getElementById('content'))
	{
		doAjaxCall('/ajax/MySalty.php', 'content', '');
		doAjaxCall('/ajax/ShoppingBasket.php', 'shoppingBasket', '');
	}
}

function editCustomerData()
{
//	$("content").setStyle('display', 'none');
//	$("rightmenu").setStyle('display', 'none');

	//$("shoppingBasketContent").setStyle('display', 'block');
	doAjaxCall("ajax/Register.php", "shoppingBasketContent", "");
}