ÿþ//***** Course Search Homepage Accordian *****

//hides everything

function hideAll()

{

    hideAllTabs();

    hideAllPanes();

    hideAllSubpanes();

}

//hids all panes

function hideAllPanes()

{

    $('.accordian_pane').hide();

}

//hides all subpanes

function hideAllSubpanes()

{

    $('.accordian_subpane').hide();

}

//hides all tabs

function hideAllTabs()

{

    $('ul.accordion_tab').hide();

}

//closes all the open tabs

function closeTab()

{

    //hide everything

    $('.accordion_tab:visible').slideUp('fast');

}

//opens up a specific tab with animation

function openTab(prefix)

{

    //show the accordion tab with the prefix

    $('#detail_' + prefix).slideDown('medium');

}

//shows the short course pane dependant on the 

function showShortPane(prefix)

{

    //show the short pane

    showPane('short');

    //un-highlight the tabs

    unHighightShortTabs();

    //create places to store the tab and pane object

    var tab;

    var pane;

    //check for short - this is from selection on the left-hand side

    if (prefix == 'short')

    {

        //get the first subtab in the pane

        tab = $('#short_tabs li:first');

        //get the prefix out of the first tab (as it could be either sector or prof)

        pane = tab.attr('id');

        pane = pane.replace('li_', '');

        pane = pane.replace('_tab', '');

    }

    else

    {

        //this will deal with sector and profession

        var tab = $('#li_' + prefix + '_tab');

        pane = prefix;

    }

    //check the tab

    if (tab)

    {

        //highlight it

        highightSecondaryTabs(tab);

    }

    //check the pane

    if (pane)

    {

        //show the subpane

        showSubPane(pane);

    }

}

//shows the short course pane dependant on the 

function showResearchPane(prefix)

{

    //show the short pane

    showPane('pgr');

    //un-highlight the tabs

    unHighightResearchTabs();

    //create places to store the tab and pane object

    var tab;

    var pane;

    //check for short - this is from selection on the left-hand side

    if (prefix == 'pgr')

    {

        //get the first subtab in the pane

        tab = $('#pgr_tabs li:first');

        //get the prefix out of the first tab (as it could be either sector or prof)

        pane = tab.attr('id');

        pane = pane.replace('li_', '');

        pane = pane.replace('_tab', '');

    }

    else

    {

        //this will deal with sector and profession

        var tab = $('#li_' + prefix + '_tab');

        pane = prefix;

    }

    //check the tab

    if (tab)

    {

        //highlight it

        highightSecondaryTabs(tab);

    }

    //check the pane

    if (pane)

    {

        //show the subpane

        showSubPane(pane);

    }

}

//shows the pane selected

function showPane(prefix)

{

    $('#pane_' + prefix).show();

}

//shows the subpane selected

function showSubPane(prefix)

{

    $('#subpane_' + prefix).show();

}

//un-highlights all the tabs

function unHighightShortTabs()

{

    $('#short_tabs li').removeClass('tabs-selected');

}

//un-highlights all the tabs

function unHighightResearchTabs()

{

    $('#pgr_tabs li').removeClass('tabs-selected');

}

//highlights a particular tab

function highightSecondaryTabs(tab)

{

    tab.addClass('tabs-selected');

}

//applies the click events to the tabs

function initMenu()

{

    $('#content_accordion a').click(function()

    {

        var id = $(this).attr('id');

        id = id.replace('a_', '');



        var detail = $('#detail_' + id);

        if (!detail.is(':visible'))

        {

            closeTab();

            openTab(id);

            //hide all the panes and subpanes

            hideAllPanes();

            hideAllSubpanes();

            //you only need to deal with short here as you cannot click on the other tabs

            if (id == 'short')

            {

                showShortPane(id);

            } else

            {

                //also now the postgraduate research

                if (id == 'pgr')

                {

                    showResearchPane(id)

                }

                else

                {

                    showPane(id);

                    showSubPane(id);

                }

            }

        }

    });



    $('#short_tabs a').click(function()

    {

        var id = $(this).attr('id');

        id = id.replace('_tab', '');

        openTab('short');

        hideAllPanes();

        hideAllSubpanes();

        showShortPane(id);

    });

    $('#pgr_tabs a').click(function()

    {

        var id = $(this).attr('id');

        id = id.replace('_tab', '');

        openTab('pgr');

        hideAllPanes();

        hideAllSubpanes();

        showResearchPane(id);

    });

}

//runs when page is loaded - this includes when the back button is clicked

function startupMenu()

{

    //hide everything

    hideAll();



    var tab;

    //check for the #key - this is used in the breadcrumbs and history

    var loc = location.href;

    var index = loc.indexOf('#');

    //if there is a key

    if (index > 0)

    {

        //get the key

        tab = loc.substr(index);

        //check for sector - special case

        if (tab == '#sector' || tab == '#profession' || tab == '#centre' || tab == '#degree')

        {

            $(tab + '_tab').click();

        } else

        {

            //click the tab selected

            tab = tab.replace('#', '#a_');

        }

    } else

    {

        //no key - open the first tab

        var detail = $('#content_options li:first');

        prefix = detail.attr('id');

        tab = prefix.replace('pane_', '#a_');

    }

    //click the tab selected

    $(tab).click();

}



$(document).ready(function() { initMenu(); startupMenu(); });