var LName;
var LColor;
var Div;
function ChangeColor() {

    if (readCookie("userName") == null) {
        LName = document.getElementById('LName').value;
        LColor = document.getElementById('LColor').value;
    }
    Div = "<div style=\'width:100%; height:100%; background-color: " + LColor + "\' >";
    document.getElementById('LoginInfo').innerHTML = Div + "User Information:<br />Name: " + LName + "<br />Color: " + LColor + "</div>";
    if (readCookie("userName") == null) {
        alert("Hello " + LName + " Thank You for Visiting my Webpage");
    }
    createCookie("userName", LName, 1);
    createCookie("userColor", LColor, 1);
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie() {
    createCookie("userName", "", -1);
    createCookie("userColor", "", -1);
    location.reload(true);
}

function checkCookie()
{
    if (readCookie("userName") != null) {
        LName = readCookie("userName");        
    }
    if (readCookie("userColor") != null) {
        LColor = readCookie("userColor");
        ChangeColor();
    }
}