$(document).ready(function() {
    // init
    $('#content div.accordionWrap:first .accordionToggler').css('border-top-width', '0');
    $('#content div.accordionWrap .accordionContent').hide();

    // close button
    $('#content div.accordionWrap .accordionClose').click(function() {
	$('#content div.accordionWrap .accordionContent').animate({opacity:'hide', height:'hide'});
	$('#content div.accordionWrap .accordionToggler').removeClass('active');
    });

    // accordion effect
    $('#content div.accordionWrap .accordionToggler').click(function() {
	if (!$(this).hasClass('active')) {
	    $('#content div.accordionWrap .accordionContent').animate({opacity:'hide', height:'hide'});
	    $('#content div.accordionWrap .accordionToggler').removeClass('active');
	    $(this).toggleClass('active').next('.accordionContent').animate({opacity:'show', height:'show'});
	}

	// add a top-border over first element
	var first = $('#content div.accordionWrap:first .accordionToggler');
	if (first.hasClass('active')) first.css('border-top-width', '2px');
	else first.css('border-top-width', '0');

	// add a bottom-border under last element
	var last = $('#content div.accordionWrap:last .accordionContent');
	if ($('#content div.accordionWrap:last .accordionToggler').hasClass('active'))
	    last.css('border-bottom-width', '2px');
	else
	    last.css('border-bottom-width', '0');
    });
});