/**************************************************************/
/* Prepares the cv to be dynamically expandable/collapsible   */
/**************************************************************/
function prepareList() {
    $('#expList').find('li:has(ul)')
    .click( function(event) {
		$(this).addClass('hide');
		if (this == event.target) {
			$(this).removeClass('hide');
		}
		$('.hide').children('ul').hide('medium');
		$('.hide').removeClass('expanded');
		$(this).removeClass('hide');
        if (this == event.target) {
            $(this).toggleClass('expanded');
            $(this).children('ul').toggle('medium');
        }
        return false;
    })
    .addClass('collapsed')
    .children('ul').hide();

    $('#expList').find('h2')
    .click( function(event) {
        if (this == event.target) {
            $(this).parents('.collapsed').children('ul').toggle('medium');
            $(this).parents('.collapsed').toggleClass('expanded');
        }
        return false;
    });

    //Create the button funtionality
    $('#expandList')
    .unbind('click')
    .click( function() {
        $('.collapsed').addClass('expanded');
        $('.collapsed').children().show('medium');
    })

    $('#collapseList')
    .unbind('click')
    .click( function() {
        $('.collapsed').removeClass('expanded');
        $('.collapsed').children().hide('medium');
    })

};


/**************************************************************/
/* Functions to execute on loading the document               */
/**************************************************************/
$(document).ready( function() {
    prepareList()
});