// JavaScript Document
function screenPage(){
	if (document.body.parentNode.scrollHeight <= document.body.offsetHeight){
		document.getElementById('page_screen').style.height = '100%';
	} else {
		document.getElementById('page_screen').style.height = document.body.parentNode.scrollHeight + "px";  //MAXIMUM PAGE SCREEN - FOR LONG PAGES WITH SCROLL
	}
	//document.getElementById('page_screen').style.visibility = 'visible';
	document.getElementById('page_screen').style.display = 'block';
	//Effect.Grow('page_screen');
	//return true;
}
function displayDialogBox(boxVer, contentData, title, height, closeButton){
	screenPage();
	
	var dialogBox = document.getElementById('dialogWindow');
	if (boxVer == 1){
		dialogBox.className = "dlgBox402";
		width = 402;
	} else {
		dialogBox.className = "dlgBox804";
		width = 804;
	}
	
	mainBoxHTML = "<div class=\"dialogTop\"></div>"+
				  "<div class=\"dialogContent\">";
	if (closeButton == 1){
		mainBoxHTML += "<a class=\"btnClose\" href=\"javascript:closeDialogWindow('dialogWindow')\"><img src=\"images/icon_close.png\">Close</a>";
	}
	mainBoxHTML += "<p class=\"title\">" + title + "</p>"+
				  contentData + 
				  "</div>"+
				  "<div class=\"dialogBottom\"></div>";
				  //"</div>\n";
	dialogBox.innerHTML = mainBoxHTML;
	
	dialogBox.style.display = 'block';
			
	yc = Math.round((document.body.clientHeight/2)-(dialogBox.clientHeight/2));
	xc = Math.round((document.body.clientWidth/2)-(width/2));
    dialogBox.style.left = xc + "px";
    dialogBox.style.top = yc + "px";
	
	//document.getElementById('dialogWindow').style.visibility = 'visible';
	
	//Effect.Grow('dialogWindow');
}
function displayWarningBox(contentData, title, height, closeButton){
	screenPage();
	
	var dialogBox = document.getElementById('dialogWindow');
	dialogBox.className = "dlgBoxWarning";
	width = 402;
		
	mainBoxHTML = "<div class=\"dialogTop\"></div>"+
				  "  <div class=\"dialogContent\">";
	if (closeButton == 1){
		mainBoxHTML += "    <a class=\"btnClose\" href=\"javascript:closeDialogWindow('dialogWindow')\"><img src=\"images/icon_close.png\">Close</a>";
	}
	mainBoxHTML += "	   <p class=\"title\">" + title + "</p>"+
				  contentData + 
				  "  </div>"+
				  "<div class=\"dialogBottom\"></div>";
				  //"</div>\n";
	dialogBox.innerHTML = mainBoxHTML;
	
	dialogBox.style.display = 'block';
			
	yc = Math.round((document.body.clientHeight/2)-(dialogBox.clientHeight/2));
	xc = Math.round((document.body.clientWidth/2)-(width/2));
    dialogBox.style.left = xc + "px";
    dialogBox.style.top = yc + "px";
}
function displayErrorBox(contentData, title, height){
	screenPage();
	
	var dialogBox = document.getElementById('dialogWindow');
	dialogBox.className = "dlgBoxError";
	width = 402;
		
	mainBoxHTML = "<div class=\"dialogTop\"></div>"+
				  "  <div class=\"dialogContent\">"+
				  "	   <p class=\"title\">" + title + "</p>"+
				  contentData + 
				  "  </div>"+
				  "<div class=\"dialogBottom\"></div>";
				  //"</div>\n";
	dialogBox.innerHTML = mainBoxHTML;
	
	dialogBox.style.display = 'block';
			
	yc = Math.round((document.body.clientHeight/2)-(dialogBox.clientHeight/2));
	xc = Math.round((document.body.clientWidth/2)-(width/2));
    dialogBox.style.left = xc + "px";
    dialogBox.style.top = yc + "px";
}
function displayStatusBox(contentData, title, height){
	screenPage();
	
	var dialogBox = document.getElementById('dialogWindow');
	dialogBox.className = "dlgBox402";
	width = 402;
		
	mainBoxHTML = "<div class=\"dialogTop\"></div>"+
				  "  <div class=\"dialogContent\">"+
				  "	   <p class=\"title\">" + title + "</p>"+
				  "	   <p align=\"center\"><img src=\"images/ajax-loader.gif\" border=\"0\" /></p>"+
				  contentData + 
				  "  </div>"+
				  "<div class=\"dialogBottom\"></div>";
				  //"</div>\n";
	dialogBox.innerHTML = mainBoxHTML;
	
	dialogBox.style.display = 'block';
			
	yc = Math.round((document.body.clientHeight/2)-(dialogBox.clientHeight/2));
	xc = Math.round((document.body.clientWidth/2)-(width/2));
    dialogBox.style.left = xc + "px";
    dialogBox.style.top = yc + "px";
}
function closeDialogWindow(divBox){
	document.getElementById('page_screen').style.display = 'none';
	document.getElementById(divBox).style.display = 'none';
}
function showLogin(){
	data = "<p>Please enter your username and password to login.</p>";
	//data += "<p><span class=\"txtLabel\">Username:</span>" + txtUsername + "</p>";
	//data += "<p><span class=\"txtLabel\">Password:</span>" + txtPassword + "</p>";	
	data += "<p><span class=\"txtLabel\">Username:</span><input type=\"text\" class=\"txtBox\" id=\"txtUsername1\" onKeyPress=\"checkLoginKey(event)\"></p>";
	data += "<p><span class=\"txtLabel\">Password:</span><input type=\"password\" class=\"txtBox\" id=\"txtPassword1\" onKeyPress=\"checkLoginKey(event)\"></p>";
	data += "<p class=\"pButton\"><span id=\"btnLogin\"></span><span id=\"btnAddUser_Cancel\"></span></p>";
	//data += "<p class=\"pButton\"><input type=\"button\" id=\"btnLogin\" class=\"btnStyle\" value=\"Login\" onclick=\"doLogin()\"></p>";
	displayDialogBox(1, data, "Login", 300, 0);
	
	//txtPassword.refresh();
	//txtUsername.refresh();
	btnLogin.refresh();
	btnAddUser_Cancel.refresh();
	
	document.getElementById('txtUsername1').focus();
	//txtPassword.setControlText("");

}
function checkLoginKey(e){
	var keynum
	if (window.event){
		keynum = e.keyCode;
	} else {
		keynum = e.which;
	}
	if (keynum == 13){
		btnLogin.onControlClicked();
	}
}