var currentpopup = 1;
var lastpopupchange = new Date();

function showPerson(ev, override)
{
  var t = this.id;
  if( window.event != null )
    t = window.event.srcElement.id;

  if( t == null && override != null )
    t = 'person'+override+'m';
  
  lastpopupchange = new Date();
  
  for( var i=1; i<=9; i++ )
  {
    var e = document.getElementById('person'+i);
    var e2 = document.getElementById('person'+i+'m');
    var info = document.getElementById('info'+i);
    
    if( e != null )
    {
      var c = e.className;
      var c2 = e2.className;
      var c3 = info.className;
      if( 'person'+i+'m' == t )
      {
        currentpopup = i;
        if( c == null || c == '' ) c = 'sel';
        else if( c.indexOf('sel') == -1 ) c += ' sel';

        if( c2 == null || c2 == '' ) c2 = 'sel';
        else if( c2.indexOf('sel') == -1 ) c2 += ' sel';

        if( c3 == null || c3 == '' ) c3 = 'sel';
        else if( c3.indexOf('sel') == -1 ) c3 += ' sel';

        var dt = document.getElementById('details');
        if( dt != null ) dt.className = 'details'+i;
      }
      else
      {
        if( c != null  && c != ''  && c.indexOf('sel')  != -1 ) c  = c.replace(/[ ]*sel[ ]*/g,'');
        if( c2 != null && c2 != '' && c2.indexOf('sel') != -1 ) c2 = c2.replace(/[ ]*sel[ ]*/g,'');
        if( c3 != null && c3 != '' && c3.indexOf('sel') != -1 ) c3 = c3.replace(/[ ]*sel[ ]*/g,'');
      }
      e.className = c;
      if( e2 != null ) e2.className = c2;
      info.className = c3;
    }
  }
  
  // Update personseloverlay
  var o = document.getElementById('personseloverlay');
  var s = document.getElementById('person'+currentpopup);
  
  if( o != null && s != null )
  {
    o.src = s.src;
    var ml = 0;
    if( s.currentStyle != null && s.currentStyle.marginLeft != null )
    {
      ml = parseInt(s.currentStyle.marginLeft,10);
      if( ml == null || isNaN(ml) ) ml = 0;
    }
    o.style.left = (s.offsetLeft-ml)+'px';
  }

}


function setupPeople()
{
  for( var i=1; i<=9; i++ )
  {
    var e = document.getElementById('person'+i+'m');
    if( e != null )
    {
      if( e.addEventListener )
        e.addEventListener('mouseover', showPerson, false);
      else if( e.attachEvent )
        e.attachEvent('onmouseover', showPerson );
    }
  }
  window.setTimeout('headpopup()',5000);
  window.setTimeout('popupcycle()',25000);

  if( document.styleSheets != null && document.styleSheets[0] != null && document.styleSheets[0].insertRule != null )
    document.styleSheets[0].insertRule('#person1.sel,#person2.sel,#person3.sel,#person4.sel,#person5.sel,#person6.sel,#person7.sel,#person8.sel,#person9.sel{ filter: url(blur.xml#blurfilter); }',0);
}

function headpopup()
{
  var e = document.getElementById('animmoreimg');
  e.src = 'tpls/images/belbin/homepage/head_popup_2.gif';
  window.setTimeout('headpopdown()',1000);
}

function headpopdown()
{
  var e = document.getElementById('animmoreimg');
  e.src = 'tpls/images/belbin/homepage/head_popup_1.gif';
  window.setTimeout('headpopup()',10000);
}

function popupcycle()
{
  var n = new Date();
  if( n.getTime() - lastpopupchange.getTime() > 20000 )
  {
    var nc = currentpopup;
    nc = nc + 1;
    if( nc > 9 ) nc = 1;
    showPerson(null, nc);
  }

  window.setTimeout('popupcycle()',25000);
}


if( window.addEventListener )
  window.addEventListener('load',setupPeople,false);
else if( window.attachEvent )
  window.attachEvent('onload',setupPeople);