/*
 * utility-prototype.js
 * FOR THE innovation.cq.com SERVER ONLY
 * This file does NOT contain all functionality in utility.js
 * This is used when jquery cannot be used and prototype must be used instead.
 *
 */

/* Required for ads */
var axel = Math.random() + "";var ord = axel * 1000000000000000000;

/* Tabs - last updated 9 March 2009 */
Event.observe(window, 'load', setupNav);

function setupNav()
{
  /* as blocks are changed, update this array */
  var blocks = ['63'];

  for(var i = 0; i < blocks.length; i++)
  {
    var b = blocks[i];

    $('nav_' + b).observe('mouseover',handleToggle.bindAsEventListener(b, b,'show'));
    $('nav_' + b).observe('mouseout',handleToggle.bindAsEventListener(b, b,'hide',50));
    $('subnav_' + b).observe('mouseout',handleToggle.bindAsEventListener(b, b,'hide',50));
    $('subnav_' + b).observe('mouseover',function() { clearTimeout(t) });
  }
}

function handleToggle(e)
{
  // args: e [, name, mode[, timeout]]
  var args = $A(arguments);
  var name = args[1] || '';
  var mode = args[2] || '';
  var timeout = args[3] || false;

  if(args[1] != '' && args[2] != '')
  {
    if(!isNaN(timeout))
    {
      t = setTimeout(function() { toggleNav(args[1],args[2]) },timeout);
    }
    else
    {
      toggleNav(args[1],args[2]);
    }
  }
}

function toggleNav(name,mode)
{
  var el = $('subnav_' + name);
  if(el == null) { return; }

  if(mode == null)
  {
    if(el.style.display == 'block') { mode = 'hide'; }
    else { mode = 'show'; }
  }

  if(mode == 'show') { el.style.display = 'block'; }
  else { el.style.display = 'none'; }
}