var isLoginOpened = false;
	
	window.onload = function(){
		document.body.onclick = clickOutside;
	}
  	
  	function clearText(field){
		if (field.defaultValue == field.value) {
			field.value = '';
			field.style.color = "#7D7D7D";
		}
		else if (field.value == '') {
			field.value = field.defaultValue;
			field.style.color = "#C2C2C2";
		}

	}
	
	function hideLogin() { 
		if (document.getElementById) { // DOM3 = IE5, NS6 
			document.getElementById('loginForm').style.display = 'none'; 
			isLoginOpened = false;
		} 
	
	}
	
	function showLogin() { 
		if (document.getElementById) { // DOM3 = IE5, NS6 
			document.getElementById('loginForm').style.display = 'block';
			isLoginOpened = true;
			
		} 
	} 
	
	function clickOutside(ev){
		ev = ev || window.event;
		var obj = ev.target || ev.srcElement;
		if(obj == document.getElementById('loginForm')
		   || obj == document.getElementById('loginFormTag')
		   || obj == document.getElementById('usernameLbl')
		   || obj == document.getElementById('username')
		   || obj == document.getElementById('passwordLbl')
		   || obj == document.getElementById('password')
		   || obj == document.getElementById('loginButton')
		   || obj == document.getElementById('rememberBox')
		   
		){

		}else{
			if(obj.id != 'loginButton'){
				//alert(obj.id);
				if(isLoginOpened){
					hideLogin()
				}
			}
		}
	}
	
	
	function toggleLogin(){
		if(isLoginOpened){
			hideLogin()
		}else{
			showLogin()
		}
		
	}