////////////////////////////
// http://adipalaz.com/experiments/jquery/accordion3.html
///////////////////////////
// useful link: http://www.learningjquery.com/2007/03/accordion-madness
$(function() {
    $('#outer h4.expand').wrapInner('<a style="display:block" href="#" title="expand/collapse"></a>');

    //demo 1 - div.demo:eq(0) - Accordion slide effect with first section initially expanded
    $('#outer div.demo:eq(0)').find('h4.expand:eq(0)').addClass('open').end()
    .find('h4.expand:eq(0)').addClass('frontpageContentActive').end()
    .find('h4.expand:eq(0)').removeClass('frontpageContent').end()
    .find('div.collapse:gt(0)').hide().end()
    .find('h4.expand').click(function() {
        if ($(this).hasClass('frontpageContentActive')) {
            $(this).removeClass('frontpageContentActive');
            $(this).addClass('frontpageContent');
        } else {
            $(this).addClass('frontpageContentActive');
            $(this).removeClass('frontpageContent');
        }
        if ($(this).toggleClass('open').siblings('h4.expand').hasClass('frontpageContentActive')) {
            $(this).toggleClass('open').siblings('h4.expand').removeClass('frontpageContentActive');
            $(this).siblings('h4.expand').addClass('frontpageContent');
        }
        $(this).toggleClass('open').siblings().removeClass('open').end()
        .next('div.collapse').slideToggle().siblings('div.collapse:visible').slideUp();
        return false;
    });


});