/**
* author: CPF
* website: www.codercpf.be
* e-mail: cpf [@] codercpf.be
* version: 2[.1]
*
* This script is but a very basic way of using jquery to create a menu.
* All things are predefined, meaning that the html should be in the way
* this javascript wants it.
*/

$(document).ready(function() {
	$(document).ready(function() {
		// list [only active on inner]
		$('div.box li> p').hide();
		$('div.box li> a.button').click(function() {
			$(this).toggleClass('opened');
			$(this).next().slideToggle('fast');
		});
		
		// menu [active everywhere]
    	$('li.click> ul').hide(); 
    	$('li.click> a.head').click(function() {
			if ($(this).attr('class').match('selected') == 'selected') {
				$(this).toggleClass('selected');
				$(this).next().slideToggle('fast');
			} else {
				jQuery('li.click> a.selected').toggleClass('selected');
				jQuery('li.click> ul:visible').slideToggle('fast');
				$(this).toggleClass('selected');
				$(this).next().slideToggle('fast');
			}
//    		$(this).toggleClass('selected');
//    	  	var $nextDiv = $(this).next();
//    	  	var $visibleSiblings = $nextDiv.siblings('ul:visible');
//    	    $nextDiv.slideToggle('fast');
    	});
	});
});