﻿function SetUpAccordion(accordionId, activeTabText){
    var _activeTabIndex = 0;
    
    //Set the initial state of the accordion tabs
    if (activeTabText == null) {
        $('#' + accordionId + ' > .accordion_tab:gt(0)').addClass('accordion_tab_inactive');
        $('#' + accordionId + ' > .accordion_tab:first').addClass('accordion_tab_active');
        $('#' + accordionId + ' > .accordion_content:first').slideDown('normal');
    }
    else {
        _activeTabIndex = $('#' + accordionId + ' > .accordion_tab').index($('#' + accordionId + ' > .accordion_tab:contains(\'' + activeTabText + '\')'));
        $('#' + accordionId + ' > .accordion_tab:eq(' + _activeTabIndex + ')').addClass('accordion_tab_active');
        $('#' + accordionId + ' > .accordion_tab:lt(' + _activeTabIndex + ')').addClass('accordion_tab_inactive');
        $('#' + accordionId + ' > .accordion_tab:gt(' + _activeTabIndex + ')').addClass('accordion_tab_inactive');

        $('#' + accordionId + ' > .accordion_content:eq(' + _activeTabIndex + ')').show();
        $('#' + accordionId + ' > .accordion_content:lt(' + _activeTabIndex + ')').hide();
        $('#' + accordionId + ' > .accordion_content:gt(' + _activeTabIndex + ')').hide();
    }
        

    //Set the handler for the accordion tab hover events
    $('#' + accordionId + ' > .accordion_tab').hover(function() {
        $(this).addClass('accordion_tab_hover');
    }, function() {
        $(this).removeClass('accordion_tab_hover');
    });

    //Set the handler for when a tab is clicked
    $('#' + accordionId + ' > .accordion_tab').click(function() {
        var _tabIndex = $('#' + accordionId + ' > .accordion_tab').index(this);

        $('#' + accordionId + ' > .accordion_content:lt(' + _tabIndex + ')').slideUp(250);
        $('#' + accordionId + ' > .accordion_tab:lt(' + _tabIndex + ')').addClass('accordion_tab_inactive');
        $('#' + accordionId + ' > .accordion_content:gt(' + _tabIndex + ')').slideUp(250);
        $('#' + accordionId + ' > .accordion_tab:gt(' + _tabIndex + ')').addClass('accordion_tab_inactive');
        $('#' + accordionId + ' > .accordion_content:eq(' + _tabIndex + ')').slideDown(250);
        $('#' + accordionId + ' > .accordion_tab:eq(' + _tabIndex + ')').removeClass('accordion_tab_inactive').addClass('accordion_tab_active');
    });
}; 