// JavaScript Banner Document
// This Script is to control Navigation.

var abou = 0;
var serv = 0;
var self = 0;
var give = 0;

///////////////////
/////Show Lock/////
///////////////////
function showAbout(){
	document.getElementById("aboutLock").style.visibility="visible";
	document.getElementById("about").style.height="auto";
	}
function showServices(){
	document.getElementById("servicesLock").style.visibility="visible";
	document.getElementById("services").style.height="auto";
	}
function showSelfHelp(){
	document.getElementById("selfHelpLock").style.visibility="visible";
	document.getElementById("selfHelp").style.height="auto";
	}
function showGive(){
	document.getElementById("giveLock").style.visibility="visible";
	document.getElementById("give").style.height="auto";
	}
///////////////////
/////Hide Lock/////	
///////////////////
function hideAbout(){
	document.getElementById("aboutLock").style.visibility="hidden";
	if(abou==0){
		document.getElementById("about").style.height="40px";
		}
	}
function hideServices(){
	document.getElementById("servicesLock").style.visibility="hidden";
	if(serv==0){
		document.getElementById("services").style.height="40px";
		}
	}
function hideSelfHelp(){
	document.getElementById("selfHelpLock").style.visibility="hidden";
	if(self==0){
		document.getElementById("selfHelp").style.height="40px";
		}
	}
function hideGive(){
	document.getElementById("giveLock").style.visibility="hidden";
	if(give==0){
		document.getElementById("give").style.height="40px";
		}
	}
////////////////////
/////Lock Links/////
////////////////////
function lockAbout(){
	document.getElementById("aboutLock").innerHTML="<img src=\"Images/unlock.gif\" alt=\"lock list\" onclick=\"javascript:unlockAbout()\" />";
	document.getElementById("about").style.height="auto";
	abou=1;
	}
function lockServices(){
	document.getElementById("servicesLock").innerHTML="<img src=\"Images/unlock.gif\" alt=\"lock list\" onclick=\"javascript:unlockServices()\" />";
	document.getElementById("services").style.height="auto";
	serv=1;
	}
function lockSelfHelp(){
	document.getElementById("selfHelpLock").innerHTML="<img src=\"Images/unlock.gif\" alt=\"lock list\" onclick=\"javascript:unlockSelfHelp()\" />";
	document.getElementById("selfHelp").style.height="auto";
	self=1;
	}
function lockGive(){
	document.getElementById("giveLock").innerHTML="<img src=\"Images/unlock.gif\" alt=\"lock list\" onclick=\"javascript:unlockGive()\" />";
	document.getElementById("give").style.height="auto";
	give=1;
	}
//////////////////////
/////UnLock Links/////
//////////////////////
function unlockAbout(){
	document.getElementById("aboutLock").innerHTML="<img src=\"Images/lock.gif\" alt=\"unlock list\" onclick=\"javascript:lockAbout()\" />";
	document.getElementById("about").style.height="40px";
	abou=0;
	}
function unlockServices(){
	document.getElementById("servicesLock").innerHTML="<img src=\"Images/lock.gif\" alt=\"unlock list\" onclick=\"javascript:lockServices()\" />";
	document.getElementById("services").style.height="40px";
	serv=0;
	}
function unlockSelfHelp(){
	document.getElementById("selfHelpLock").innerHTML="<img src=\"Images/lock.gif\" alt=\"unlock list\" onclick=\"javascript:lockSelfHelp()\" />";
	document.getElementById("selfHelp").style.height="40px";
	self=0;
	}
function unlockGive(){
	document.getElementById("giveLock").innerHTML="<img src=\"Images/lock.gif\" alt=\"unlock list\" onclick=\"javascript:lockGive()\" />";
	document.getElementById("give").style.height="40px";
	give=0;
	}