/** mailpanel.js **/

mail_to = null;
mail_opacity = 0;
mail_triggered = false;
mail_triggerID = 'mailtrigger';
mail_triggerHTML = '';
mail_panelID = 'mailpanel';
mail_thema = '';

function showMailpanel(){
    if(!document.getElementById(mail_triggerID) || !document.getElementById(mail_panelID)) return;
    
    obj = document.getElementById(mail_panelID);
    if(mail_triggered === false){
        mail_triggered = true;
        mail_triggerHTML = document.getElementById(mail_triggerID).innerHTML;
        document.getElementById(mail_triggerID).style.backgroundImage = 'none';
        obj.style.display = 'block';
        document.getElementById(mail_triggerID).innerHTML = 'Thema: '+mail_thema;
    }
    if(mail_opacity == 0){
        document.getElementById('mailarrow').focus();
        setTransparency(obj, 0);
        obj.style.visibility = 'visible'; 
    }else if(mail_opacity >= 100){
        frames['mailpanel'].document.getElementById('mail_focus').focus();
        clearTimeout(mail_to);
        mail_to = null;
        return;
    }
    mail_opacity += 5;
    setTransparency(obj, mail_opacity);
    mail_to = setTimeout("showMailpanel();",30);
}

function hideMailpanel(){
    if(!document.getElementById(mail_triggerID) || !document.getElementById(mail_panelID)) return;

    obj = document.getElementById(mail_panelID);
    if(mail_triggered === true){
        mail_triggered = false;
        document.getElementById(mail_triggerID).innerHTML = mail_triggerHTML;
    }
    if(mail_opacity <= 0){
        obj.style.visibility = 'hidden';
        document.getElementById(mail_triggerID).style.backgroundImage = "url('files/tools/needhelp_btn.gif')";
        obj.style.display = 'none';
        clearTimeout(mail_to);
        mail_to = null;
        return;
    }
    mail_opacity -= 5;
    setTransparency(obj, mail_opacity);
    mail_to = setTimeout("hideMailpanel();",10);
}

function setTransparency(obj, value) {
  value = (value == 100) ? 99.999 : value;
  obj.style.filter = "alpha(opacity:"+value+")";
  obj.style.KHTMLOpacity = value/100;
  obj.style.MozOpacity = value/100;
  obj.style.opacity = value/100;
}

function toggleMailpanel(){
    if(mail_triggered === false)
        showMailpanel();
    else
        hideMailpanel();
}