//set the default venue to show
var activeTab = 'tab-1';

var imgOffArray=new Array();

    window.addEvent('domready', function()
    {
        
        
        
        
        
        imgOffArray[1] = '/meetings/images/tab-1-off.gif';
         
        $('tab-1').addEvent('click',function(e)
        {
            e = new Event(e).stop();
            tabActivate(this.id, '/meetings/images/tab-1-off.gif', '/meetings/images/tab-1-on.gif');
        });

        $('tab-1').addEvent('mouseenter',function()
        {
           rolloverTab_ON_OFF(this.id, '/meetings/images/tab-1-off-over.gif', '/meetings/images/tab-1-off.gif', '/meetings/images/tab-1-on.gif');
        });
        
        
        $('tab-1').addEvent('mouseleave',function()
        {
            rolloverTab_ON_OFF(this.id, '/meetings/images/tab-1-off-over.gif', '/meetings/images/tab-1-off.gif', '/meetings/images/tab-1-on.gif');
        });
        
        
        
        
        
        imgOffArray[2] = '/meetings/images/tab-2-off.gif';
         
        $('tab-2').addEvent('click',function(e)
        {
            e = new Event(e).stop();
            tabActivate(this.id, '/meetings/images/tab-2-off.gif', '/meetings/images/tab-2-on.gif');
        });

        $('tab-2').addEvent('mouseenter',function()
        {
           rolloverTab_ON_OFF(this.id, '/meetings/images/tab-2-off-over.gif', '/meetings/images/tab-2-off.gif', '/meetings/images/tab-2-on.gif');
        });
        
        
        $('tab-2').addEvent('mouseleave',function()
        {
            rolloverTab_ON_OFF(this.id, '/meetings/images/tab-2-off-over.gif', '/meetings/images/tab-2-off.gif', '/meetings/images/tab-2-on.gif');
        });
        
        
        
        
        
        imgOffArray[3] = '/meetings/images/tab-3-off.gif';
         
        $('tab-3').addEvent('click',function(e)
        {
            e = new Event(e).stop();
            tabActivate(this.id, '/meetings/images/tab-3-off.gif', '/meetings/images/tab-3-on.gif');
        });

        $('tab-3').addEvent('mouseenter',function()
        {
           rolloverTab_ON_OFF(this.id, '/meetings/images/tab-3-off-over.gif', '/meetings/images/tab-3-off.gif', '/meetings/images/tab-3-on.gif');
        });
        
        
        $('tab-3').addEvent('mouseleave',function()
        {
            rolloverTab_ON_OFF(this.id, '/meetings/images/tab-3-off-over.gif', '/meetings/images/tab-3-off.gif', '/meetings/images/tab-3-on.gif');
        });
    
    
        function tabActivate(id, imageOff, imageOn)
        {

            //get old tab and make it inactive
            $(activeTab).getElement('div').removeClass('tab-active');
            $(activeTab).getElement('div').addClass('tab');

            //get new tab and make it active
            $(id).getElement('div').removeClass('tab');
            $(id).getElement('div').addClass('tab-active');
            
            //change labels over
            oldlabel = activeTab + '-label';
            labelsrcarray = (activeTab).split('-');
            number = labelsrcarray[1];
            $(oldlabel).getElement('img').src = imgOffArray[number];
            newlabel = id + '-label';
            $(newlabel).getElement('img').src = imageOn;;
            
            OldActiveTabContent = activeTab+'-content';
            
            //set new activeTab
            activeTab = id;
        
            NewActiveTabContent = id+'-content';
            
            $(OldActiveTabContent).addClass('hide');
            $(NewActiveTabContent).removeClass('hide');
        }

        function rolloverTab_ON_OFF(id, imageOffOver, imageOff, imageOn)
        { 
            label = id + '-label';
            labelsrc = $(label).getElement('img').src;
            if(labelsrc.match("-on") == null)
            {
                source = labelsrc.substring(labelsrc.lastIndexOf('/'), labelsrc.length);
                srcOffImg = imageOffOver.substring(imageOffOver.lastIndexOf('/'), imageOffOver.length);
                if (source == srcOffImg)
                {
                    $(label).getElement('img').src = imageOff;
                } else {
                    $(label).getElement('img').src = imageOffOver;
                }
            } 
        }

    });