var flyouts = new Array()
flyouts['flyout-1'] = 0
flyouts['flyout-2'] = 0
flyouts['flyout-3'] = 0
flyouts['flyout-4'] = 0
flyouts['flyout-5'] = 0
flyouts['flyout-6'] = 0
flyouts['flyout-7'] = 0

function mouseInFlyout(obj) {
  var flyoutId = obj.attributes['id'].value
  showFlyout(flyoutId)
}

function mouseOutFlyout() {
  hideAllFlyouts()
}

function showFlyout(flyoutId) {
  flyouts[flyoutId] = 1
  setTimeout("flyoutOnOff()", 300)
}

function hideFlyout(flyoutId) {
  flyouts[flyoutId] = 0
  setTimeout("flyoutOnOff()", 500)
}

function hideAllFlyouts() {
  for(flyoutId in flyouts) {
    flyouts[flyoutId] = 0
  }
  setTimeout("flyoutOnOff()", 500)
}

function flyoutOnOff() {
  for(flyoutId in flyouts) {
    var myDiv = top.document.getElementById(flyoutId)

    if(flyouts[flyoutId] == 1) {
      myDiv.className = 'flyout-show'
    } else {
      myDiv.className = 'flyout-hide'
    }
  }
}