var perlive;
var pernext;
var perfinal;
function drawers()
{
    perlive = getData.periodical(60000, $('live'));
    pernext = getData.periodical(60000, $('next'));
    //perfinal = getData.periodical(60000, $('final'));  
     $$('.toggle').each(function(head) {
        head.addEvent('click',function(evt)
        {
             toggle(this.id);
        }
        )
    })
}
function getData()
{       
        var elID=this.id;
       var cont=elID+'Cont';
       var el=$(cont);
      
    if (el.hasClass('on')) {
        var img=$$('#' +elID+' img')[0];
       img.setProperty('style' ,'visibility:visible;');
       var nocache = Math.random();
      var req=new Request.HTML ({
      url: '/ajax/getTable.aspx?nocache=' + nocache + '&type=' + elID + '&' + window.location.search.substring(1),
                    method:'get',
                    update:cont,
                    onComplete:function() {img.setProperty('style','visibility:hidden;');}                    
      }).send();
    }
  }
 
function toggle(elID) 
{
    var cont=elID+'Cont';
    var el=$(cont);
    var myFx=new Fx.Tween(el,{duration:200});
    if (el.hasClass('on'))
    {
    $clear(eval('per'+elID));
       $(elID).toggleClass('sel');
       myFx.start('opacity',0).chain(function() {el.setProperty('class','off');});
     
          
        }
    else
    {
   $(elID).toggleClass('sel');
      el.setProperty('class','on').fade(1);
     switch (elID) {
      case 'live':
     perlive=getData.periodical(60000,$('live'));   
     break;
         case 'next':
     pernext=getData.periodical(60000,$('next'));   
     break;
         case 'final':
     perfinal=getData.periodical(60000,$('final'));   
     break;
      }
      var f=getData.bind($(elID));
     f();
    }


}
window.addEvent('domready', drawers);