/*
  http://www.twentyonesoft.net/
  Copyright © 2001-2006 TwentyÖneSoft. All rights reserved.
*/

IE4 = document.all ? 1 : 0
IEv = navigator.appVersion.substring(navigator.appVersion.indexOf('MSIE') + 5, navigator.appVersion.indexOf(';', navigator.appVersion.indexOf('MSIE')))
FF = navigator.userAgent.toLowerCase().indexOf('firefox') != -1 ? 1 : 0
SF = navigator.userAgent.toLowerCase().indexOf('safari') != -1 ? 1 : 0

var fState = false
var cMenuId = ''
var leftPos, popStyle, popOpacity = 0
var rState = true

function showPopup(menuId, leftPos, popOpacity) {
  if (FF) {
    document.all[menuId].style.top = 20
    if (leftPos == 0) leftPos = document.body.clientWidth - 255
    document.all[menuId].style.left = leftPos
    document.all[menuId].style.visibility = "visible"
  } else {
    if (IE4 || SF) {
      document.all[menuId].style.top = 20
      if (leftPos == 0) leftPos = document.body.clientWidth - 255
      document.all[menuId].style.left = leftPos
      rState = true; liveTime()
      if (IE4 && IEv >= 5.5) {
        if (fState) {
          document.all[menuId].style.filter = "shadow(color='#777777', direction=135, strength=5); alpha(opacity=" + popOpacity + ")"
          document.all[menuId].style.visibility = "visible"
          cMenuId = menuId; fadePopup(menuId, leftPos, true, popStyle, popOpacity)
        }
        else {
          if (popOpacity == 0) {
            document.all[menuId].style.filter = "progid:DXImageTransform.Microsoft.Pixelate(maxsquare=5, duration=0.5, enabled=false); shadow(color='#777777', direction=135, strength=5); alpha(opacity=80)"
            document.all[menuId].filters[0].enabled = true
            document.all[menuId].style.visibility = "hidden"
            document.all[menuId].filters[0].apply()
            document.all[menuId].style.visibility = "visible"
            document.all[menuId].filters[0].play()
          }
          else {
            document.all[menuId].style.visibility = "visible"
            document.all[menuId].filters[0].stop()
          }
        }
      }
      else {
        document.all[menuId].style.visibility = "visible"
      }
    }
  }
}

function hidePopup(menuId, fadeState) {
  if (FF) {
    document.all[menuId].style.visibility = "hidden"
  } else {
    if (IE4 || FF || SF) {
      rState = false
      if (IE4 && IEv >= 5.5) {
        if (fState) {
          fadePopup(menuId, leftPos, false, Math.round(Math.random() * 1) ? true : false, 80)
        }
        else {
          document.all[menuId].style.filter = "progid:DXImageTransform.Microsoft.Pixelate(maxsquare=5, duration=0.5, enabled=false); shadow(color='#777777', direction=135, strength=5); alpha(opacity=80)"
          document.all[menuId].filters[0].enabled = true
          document.all[menuId].style.visibility = "visible"
          document.all[menuId].filters[0].apply()
          document.all[menuId].style.visibility = "hidden"
          document.all[menuId].filters[0].play()
        }
      }
      else {
        document.all[menuId].style.visibility = "hidden"
      }
    }
  }
}

function fadePopup(menuId, leftPos, state, popStyle, popOpacity) {
  if (state) {
    if (popOpacity < 80) {
      popOpacity = popOpacity + 20
      document.all[menuId].style.left = leftPos
      document.all[menuId].style.filter = "shadow(color='#777777', direction=135, strength=5); alpha(opacity=" + popOpacity + ")"
      setTimeout("fadePopup('" + menuId + "', " + leftPos + ", true, " + popStyle + ", " + popOpacity + ")", 10)
    }
  }
  else {
    if (!rState || cMenuId != menuId) {
      if (popOpacity > 0) {
        popOpacity = popOpacity - 20
        document.all[menuId].style.filter = "shadow(color='#777777', direction=135, strength=5); alpha(opacity=" + popOpacity + ")"
        if (popStyle) document.all[menuId].style.left = document.all[menuId].style.left - 5
        setTimeout("fadePopup('" + menuId + "', " + document.all[menuId].style.left + ", false, " + popStyle + ", " + popOpacity + ")", 10)
      }
      else {
        document.all[menuId].style.visibility = "hidden"
      }
    }
  }
}

function liveTime() {
  if (rState) {
    localTime = new Date()
    document.all['datetime'].innerHTML = "§ " + localTime
    setTimeout("liveTime()", 1000)
  }
}