// v1.0
// requires mootools compiled with: Fx.Style, Fx.Transitions, Window.DomReady

// config
var opacityDuration = 300;
var opacityMaximum= .5;

// privates
var sixWebLogo;
var sixWebBalloon;
var sixWebLogoMouseOver = false;
var sixWebBalloonMouseOver = false;

function showSixWeb(logo, mouseOver)
{
  if (logo)
  {
    sixWebLogoMouseOver = mouseOver;
    if (mouseOver)
    {
      sixWebBalloon.style.visibility = 'visible';
      setSixWebEffects(sixWebLogo, 1);
      return;
    }
    setTimeout("if (!sixWebBalloonMouseOver) { setSixWebEffects(sixWebLogo, opacityMaximum); sixWebBalloon.style.visibility = 'hidden' }", 100);
  }
  else
  {
    sixWebBalloonMouseOver = mouseOver;
    if (mouseOver)
    {
      sixWebBalloon.style.cursor = 'pointer';
      return;
    }
    sixWebBalloon.style.cursor = 'default';
    setTimeout("if (!sixWebLogoMouseOver) { setSixWebEffects(sixWebLogo, opacityMaximum); sixWebBalloon.style.visibility = 'hidden' }", 100);
  }
}

// private function
function setSixWebEffects(element, opacityEnd)
{
  element.effect('opacity', {duration: opacityDuration, transition: Fx.Transitions.linear}).start(element.style.opacity, opacityEnd);
}

// init
window.addEvent('domready', function ()
{
  sixWebLogo = $('sixWebLogo');
  if (sixWebLogo != null)
  {
    sixWebLogo.setOpacity(opacityMaximum);
  }
  sixWebBalloon = $('sixWebBalloon');
});