function _gel(id) {
  return document.getElementById(id);
}

function toggleDisplay(divName){
  var tempDiv=document.getElementById(divName);
  if(!tempDiv){
    return false;
  }
  if((tempDiv.style.display=="block")||(tempDiv.style.display==""&&tempDiv.className.indexOf("hid")==0)){
    tempDiv.style.display="none";
    return false;
  }
  else if((tempDiv.style.display=="none")||(tempDiv.className.indexOf("hid")!=0)){
    tempDiv.style.display="block";
    return true;
  }
}

var addListener=function(){
  if(window.addEventListener){
    return function(el,type,fn){
      el.addEventListener(type,fn,false);
    };
  }
  else if(window.attachEvent){
    return function(el,type,fn){
      var f=function(){
        fn.call(el,window.event);
      };
      el.attachEvent('on'+type,f);
    };
  }
  else{
    return function(el,type,fn){
      el['on'+type]=fn;
    }
  }
}();

function ref(instance_or_id){
  return(typeof(instance_or_id)=="string")?document.getElementById(instance_or_id):instance_or_id;
}

function hasAncestor(element,ancestor){
  var el=ref(element);
  var an=ref(ancestor);
  while(el!=document&&el!=null){
    if(el==an)return true;
    el=el.parentNode;
  }
  return false;
}

//AQUI CORREO LO PRINCIPAL
function closeLoginPicker(){
  var loginBox=_gel('loginBoxZ');
  if(loginBox){
    if(loginBox.style.display!='none')
    loginBox.style.display='none';
  }
}
addListener(document,'click',function(e){
  var element=e.target||e.srcElement;
  if(!hasAncestor(element,'loginBoxZ')&&element.className.indexOf('loginBoxZ')==-1){
    closeLoginPicker();
  }
});
function openLoginBox(){
  toggleDisplay('loginBoxZ');
}