function findPos(who) {
	var T= 0,L= 0;
    while(who){
        L+= who.offsetLeft;
        T+= who.offsetTop;
        who= who.offsetParent;
    }
    return [L,T];
}
function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft;
        _y += el.offsetTop;
        el = el.parentNode;
    }
    return { top: _y, left: _x };
}

function getNodePosition(node) {     
    var top = 0;
	var left = 0;
    while (node) {      
       if (node.tagName) {
           top = top + node.offsetTop;
           left = left + node.offsetLeft;       
           node = node.offsetParent;
       } else {
           node = node.parentNode;
       }
    } 
    return [left, top];
}

var form_state = false;

function quickLogin(){

  var buttonOBJ = document.getElementById('login-button');
  var formOBJ = document.getElementById('login-form');
  var main_div_width = getNodePosition(document.getElementById('main'))[0];
  //var logoOBJ = document.getElementById(logoID);
  
  //alert(formOBJ.style.display);
  //alert(form_state + " | " + document.getElementById('login-form').style.display);
  
  if (form_state === false){
  
    var buttonpos = getNodePosition(buttonOBJ);
	
	//alert(buttonpos[0] + " | " + buttonpos[1] + "\n" + main_div_width[0] + " | " + main_div_width[1]);
	
	formOBJ.style.display = "";
	
	var formwidth = formOBJ.offsetWidth;
    var buttonheight = buttonOBJ.offsetHeight;
	var buttonwidth = buttonOBJ.offsetWidth;
	//var logoheight = logoOBJ.offsetHeight;
	//var logowidth = logoOBJ.offsetWidth;
	var formleft = (buttonpos[0] + buttonwidth) - formwidth - main_div_width;
	var formtop = buttonpos[1] + 23;
	
	var IE = /*@cc_on!@*/false;
	
	if (IE){
	
	  //formleft = formleft+6
	  
	}
	
	//buttonOBJ.style.position = "absolute";
	//buttonOBJ.style.left = logopos[0] + logowidth + 20;
	//buttonOBJ.style.top = 20;
	
	//alert("formwidth: " + formwidth + "\nbuttonheight: " + buttonheight + "\nformleft: " + formleft + "\nformtop: " + formtop + "\nbuttonleft: " + buttonpos[0] + "\nbuttontop: " + buttonpos[1]);
	
	formOBJ.style.top = formtop+"px";
	formOBJ.style.left = formleft+"px";
	buttonOBJ.className = "login-button-active";
	
	form_state = true;
	
	//alert(formOBJ.style.display);
  
  }
  else{
  
    formOBJ.style.display = "none";
    buttonOBJ.className = "login-button";
	
	form_state = false;
  
  }

}

function checkClick(objEvent, objElement){
  var objEvent=window.event || objEvent;   
  var objCurrentElement = objEvent.target || objEvent.srcElement;
  var blnInsideX = false;
  var blnInsideY = false;
  
  if (objCurrentElement.getBoundingClientRect().left >= objElement.getBoundingClientRect().left && objCurrentElement.getBoundingClientRect().right <= objElement.getBoundingClientRect().right){
  
	blnInsideX = true;
	
  }
  
  if (objCurrentElement.getBoundingClientRect().top >= objElement.getBoundingClientRect().top && objCurrentElement.getBoundingClientRect().bottom <= objElement.getBoundingClientRect().bottom){
  
	blnInsideY = true;
	
  }
  
  //alert(blnInsideX + " | " + blnInsideY);
  
  if (blnInsideX && blnInsideY){
  
	return false;
	
  }
  else{
  
	return true;
  
  }

}
//document.body.onmouseup = function() { checkClick(e, document.getElementById('login-form')); };

//document.body.onclick = function(e){
  
  //checkClick(e, document.getElementById('login-form'));
  
//}