var tabPanelRef;
var divCODetailsContentRef;

addLoadEvent(
                function()
                {
                    tabPanelRef = new control.tabPanel(
                                                            'divTabPanel', 
                                                            {
                                                                leftCornerImgURL: '../images/tabPanel/tabPanelLeft.gif',
                                                                rightCornerImgURL: '../images/tabPanel/tabPanelRight.gif',
                                                                leftCornerImgURLHover: '../images/tabPanel/tabPanelLeftHover.gif',
                                                                rightCornerImgURLHover: '../images/tabPanel/tabPanelRightHover.gif',
                                                                leftCornerImgURLActive: '../images/tabPanel/tabPanelLeftActive.gif',
                                                                rightCornerImgURLActive: '../images/tabPanel/tabPanelRightActive.gif',
                                                                tabSpace: 2,
                                                                tabClassName: 'divTab',
                                                                tabClassNameHover: 'divTabHover',
                                                                tabClassNameActive: 'divTabActive',
                                                                activeTabIndex: 0
                                                            }
                                                        );
                                                        
                    if (browserRef.isIE)
                    {
                        divCODetailsContentRef = $('divCODetailsContent');
                        divCODetailsContentRef.observe('scroll', divCODetailsContentScroll);
                    }
                }
            );

function setDivCO(isDetail)
{
    var divCOListRef = $('divCOList');
    var divCODetailsRef = $('divCODetails');
    
    if (isDetail)
    {
        divCOListRef.style.display = 'none';
        divCODetailsRef.style.display = 'block';
    }
    else
    {
        divCOListRef.style.display = 'block';
        divCODetailsRef.style.display = 'none';
    }
}

function setDivCOByEffect(isDetail)
{
    if (isDetail)
    {
        new Effect.Fade('divCOList', { duration: 0.5, afterFinish: function() { new Effect.Appear('divCODetails', {beforeStart: function(){tabPanelRef.switchTabByIndex(0);}}); } });
    }
    else
    {
        new Effect.Fade('divCODetails', { duration: 0.5, afterFinish: function() { new Effect.Appear('divCOList'); } });
    }
}

function divCODetailsContentScroll()
{
    var activeTab = tabPanelRef.divTabs[tabPanelRef.activeTabIndex];
    activeTab.divTab.setStyle({position: 'static'});
}