function getposOffset(what, offsettype)
{
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
}

function toggleLoginBox(topOffsetID, loginButtonID, loginBoxDivID, userNameTextBoxID, passwordTextBoxID)
{
    var objLoginBox = document.getElementById(loginBoxDivID);
    
    if (objLoginBox == null)
    {
    
	    return;
	    }
	   
	if(objLoginBox.style.display == 'block')
	{
	
	    objLoginBox.style.display = 'none';
	    }
	else
	{   
	    var objButton = document.getElementById(loginButtonID);
	    if(objButton == null)
	        return;
	   
        var offsetParentLeft = objButton.offsetLeft;//getposOffset(objButton,'left');
        var offsetParentTop = getposOffset(objButton,'top');
        
        var iLeft = objButton.offsetLeft;// + 10;//offsetParentLeft - parseInt(objLoginBox.style.width)- parseInt(objButton.style.width);// - 130;	
        var iTop = offsetParentTop + parseInt(objButton.style.height);// + 13;
        
   	
        objLoginBox.style.right = "2px";
        
        if (topOffsetID == '1')
            objLoginBox.style.top = "2.7em";//"4.5em"//iTop.toString() + "px";
        else
            objLoginBox.style.top = "4.5em";
       //objLoginBox.style.top = iTop.toString() + "px";
       
        objLoginBox.style.display = 'block';
       
        var objUserNameTextBox = document.getElementById(userNameTextBoxID);
        var objPasswordTextBox = document.getElementById(passwordTextBoxID);
    
        if(objUserNameTextBox && objUserNameTextBox.value == '')
            setFocus(objUserNameTextBox);
        else
            setFocus(objPasswordTextBox);
    }
   
}


function setFocus(element)
{
    if(element)
        element.focus();
}