YAHOO.util.Event.addListener(window,'load',portPageLoaders);
function portPageLoaders() {  
  var portOver = new PortOver();  
  portOver.init();
}

function PortOver()
{  
  this.openedItem = null;
  this.animOpenActive = false;
  this.animCloseActive = false;
}

PortOver.prototype.init = function()
{
  var caseselect = YAHOO.util.Dom.getElementsByClassName('caseselect','select')[0];
  var detailcases = new Array();
  this.content = document.getElementById('content');  
  var list = YAHOO.util.Dom.getElementsByClassName('cases','DIV');
  this.openitems = YAHOO.util.Dom.getElementsByClassName('item','DIV');
  var openeditemindex = randomNumber(0, (this.openitems.length - 1));

  for (var i=0;i<this.openitems.length;i++)
  {
    
    var h3 = this.openitems[i].getElementsByTagName('h3')[0];
    var strong = h3.getElementsByTagName('strong')[0];
    
    //if (typeof strong != 'undefined' )
    if (typeof strong =='object' )
    {
      
      var anchors = this.openitems[i].getElementsByTagName('A');
      if(anchors.length>1){
      var href = anchors[anchors.length - 1].href;
      detailcases[detailcases.length] = new Array(strong.firstChild.nodeValue,href);
      }
    }
    if(i != openeditemindex)
    {
      this.openitems[i].style.height = '25px';
    }
    else
    {
      this.openedItem = this.openitems[i];
    }
  }
  var items = list[0].getElementsByTagName('h3');
  for (var i=0;i<items.length;i++) {
    if (items[i].className == '') {
      YAHOO.util.Event.addListener(items[i],'mouseover',this.itemOverStart,[this,this.openitems[i]]);
      YAHOO.util.Event.addListener(items[i],'mouseout',this.itemOutStart,this);
    }
  }
  this.content.style.height = this.content.offsetHeight;
  
  var businessunitselect = YAHOO.util.Dom.getElementsByClassName('businessunitselect')[0];
  YAHOO.util.Event.addListener(businessunitselect,'change',this.filterBusinessUnit,this);
  YAHOO.util.Event.addListener(caseselect,'change',this.showCase,this);
  
  for (var i=0;i<detailcases.length;i++)
  {
    var option = document.createElement('option');
    option.value = detailcases[i][1];
    var name = document.createTextNode(detailcases[i][0]);
    option.appendChild(name);    
    caseselect.appendChild(option);
  }
}

PortOver.prototype.itemOverStart = function(e, vars)
{
  this.className = 'hover';
  base = vars[0];
  if (vars[1] != base.openedItem)
  {
    base.itemToOpen = vars[1];
    base.itemOverStart = setTimeout(base.createContextFunction("beginCollapse"), 300);
  }
}

PortOver.prototype.itemOutStart = function(e, base)
{
  this.className = '';
  clearTimeout(base.itemOverStart);
}

PortOver.prototype.swithAnimOpenActive = function()
{
  if (this.animOpenActive = true)
  {
    this.animOpenActive = false;
  }
  else
  {
    this.animOpenActive = true;
  }
}

PortOver.prototype.swithAnimCloseActive = function()
{  
  if (this.animCloseActive = true)
  {
    this.animCloseActive = false;
  }
  else
  {
    this.animCloseActive = true;
  }
}

PortOver.prototype.createContextFunction = function (method) {
  var context = this;
  return (function(){
    eval("context."+method+"()");
    return false;
    });
}

PortOver.prototype.beginCollapse = function ()
{
  if (this.animOpenActive == false && this.animCloseActive == false)
  {
    myAnim=new Tween(this.itemToOpen.style,this.openedItem.style,"height",25,187,0.5);
    this.animOpenActive = true;
    this.animCloseActive = true;
    setTimeout(this.createContextFunction("swithAnimOpenActive"), 500);
    setTimeout(this.createContextFunction("swithAnimCloseActive"), 500);
    myAnim.start();
    this.openedItem = this.itemToOpen;
  }
}

PortOver.prototype.filterBusinessUnit = function(e, base)
{
  base.content.style.height = 'auto';
  base.openedItem.style.height = '25px';
  base.openedItem.className = 'item';
  base.firstset = false;
  if (this.value != '')
  {
    for (var i=0;i<base.openitems.length;i++)
    {
      var businessunit = base.openitems[i].getElementsByTagName('span')[0];
      if (businessunit.firstChild.nodeValue == this.value)
      {
        base.openitems[i].style.display = 'block';
        base.openitems[i].className = 'item';
        if (base.firstset == false)
        {
          base.openitems[i].style.height = '187px';
          base.openitems[i].className = 'item active';
          base.openedItem = base.openitems[i];
          base.firstset = true;
        }
      }
      else
      {
        base.openitems[i].style.display = 'none';
      }
    }
  }
  else
  {
    for (var i=0;i<base.openitems.length;i++)
    {
      base.openitems[i].style.display = 'block';
      base.openitems[i].className = 'item';
      if (base.firstset == false)
      {
        base.openitems[i].style.height = '187px';
        base.openitems[i].className = 'item active';
        base.openedItem = base.openitems[i];
        base.firstset = true;
      }
    }
  }
  base.content.style.height = base.content.offsetHeight;
}

PortOver.prototype.showCase = function(e, base)
{
  if (this.value != '')
  {
    window.location = this.value;
  }
}