var panes = new Array();
    var contId;

    function setupPanes(containerId, defaultPaneId) {
        contId = containerId;
        var container = document.getElementById(containerId);
        var paneContainer = container.getElementsByTagName("div")[0];
        var paneList = paneContainer.childNodes;
        for (var i=0; i < paneList.length; i++ ) {
            var pane = paneList[i];
            if (pane.nodeType != 1) continue;
            panes[pane.id] = pane;
        }       
        
        var pane = document.getElementById(defaultPaneId);
        pane.style.display = '';
    }

    function showPane(paneId, activeTab) {
        var activePane = document.getElementById(paneId);
        activePane.style.display='block';

        for (var i in panes) {
            var pane = panes[i];
            if (pane == undefined) continue;
            if (pane == activePane) continue;
            pane.style.display = 'none';
        }

        activeTab.className = 'tab-enabled';
        var activeMiddleTab = document.getElementById(activeTab.id + 'RightFill');
        if (activeMiddleTab) {
            activeMiddleTab.className = 'tab-image-enabled';
        }
        var activeBackgroundTab = document.getElementById(activeTab.id + 'Background');
        if (activeBackgroundTab) {
            activeBackgroundTab.className = 'tab-background-enabled';
        }

        var container = document.getElementById(contId);
        var tabs = container.getElementsByTagName("a");
        for (var j=0; j < tabs.length; j++) {
            var tab = tabs[j];
            if (tab.id != activeTab.id) {
                tab.className = 'tab-disabled';
                var backgroundTab = document.getElementById(tab.id + 'Background');
                if (backgroundTab) {
                    backgroundTab.className = 'tab-background-disabled'
                }
            }
        }
        var tabStart = document.getElementById('tabStart');
        if (tabStart) {
            if (tab1.className != 'tab-enabled') {
                tabStart.src = 'images/box/Box2_06_Off.gif';
            } else {
                tabStart.src = 'images/box/Box2_06.gif';
            }
        }
        var middleTab = document.getElementById('tab1RightFill');
        if (middleTab) {
            if (tab1.className != 'tab-enabled') {
                middleTab.src = 'images/box/Box2_OngletMiddle2.gif';
            } else {
                middleTab.src = 'images/box/Box2_08.gif';
            }
        }
        var endTab = document.getElementById('tabEnd');
        if (endTab) {
            if (tab2.className != 'tab-enabled') {
                endTab.src = 'images/box/Box2_10.gif';
            } else {
                endTab.src = 'images/box/Box2_10_On.gif';
            }
        }

    }