/*
toggleLogin();
	description: visibility between list of two forms;
	tab:	which tab was clicked
*/
function toggleLogin(tab) {
	var tabsDiv = document.getElementById("login-tabs");
	var tab3 = '<table border="0" margin="0" cellspacing="0" cellpadding="0" align="left"><tr><td align="left" width="103"><span id="tab4"><IMG src="client_login_on_t.gif" TITLE="Client login" BORDER="0" ALT="Client login"></span></td><td align="left" width="103"><a href="javascript: void toggleLogin(3);" id="tab3"><IMG src="partner_login_off_t.gif" TITLE="Partner login" BORDER="0" ALT="Partner login"></a></td></tr></table>';
	var tab4 = '<table border="0" margin="0" cellspacing="0" cellpadding="0" align="left"><tr><td align="left" width="103"><a href="javascript: void toggleLogin(4);" id="tab2"><img src="client_login_off_t.gif" border="0" title="Client Login" id="tab3" alt="Client Login"></a></td><td align="left" width="103"><span id="tab3"><img src="partner_login_on_t.gif" border="0" title="Partner Login" alt="Partner Login"></span></td></tr></table>';
	
	tabsDiv.innerHTML = tab==4?tab3:tab4;

	changeVis('div1');
	changeVis('div2');
}

/**
	changeVis();
	description: toggle visibility state of current object;
	divID: id of the object to change
*/
function changeVis(divID) {
	divObj = eval("document.getElementById('" + divID + "')");
	visibleState = divObj.style.display	;
	divObj.style.display = visibleState=="block"?"none":"block";
}