(function()
{
	var _config = {
		"root-selector": 'ul.panel',
		"term-selector": 'ul > li > h4',
		"item-selector": 'ul > li',
		"content-selector": 'ul > li > div',
		event: 'click',
		"active-class": 'active'
	};
	
	var oldElement = null;
	
	function execute()
	{
		var currentElement = this;
		var currentItem = jQuery(currentElement).parent();
		
		currentItem.find('div').css({display: 'block'});
		currentItem.addClass(_config["active-class"]);
		
		if(oldElement != null && oldElement != currentElement)
		{
			var oldItem = jQuery(oldElement).parent();
			
			oldItem.find('div').css({display: 'none'});
			oldItem.removeClass(_config["active-class"]);
		}
		
		oldElement = currentElement;
	}
	
	function clear()
	{
		if(this.value == this.defaultValue)
		{
			this.value = '';
		}
	}
	
	jQuery(document).ready(function()
	{
		jQuery(_config["root-selector"]+' '+_config["term-selector"]).bind(_config.event,execute);
		jQuery(_config["root-selector"]+' '+_config["content-selector"]).css({display: 'none'});
		
		jQuery('.clear').bind('focus',clear);
	});
})();

if(!!window.jQuery)
{
	// Les éléments HTML inconnus doivent être déclarés dans le dom pour pouvoir appliquer un style sous IE !!!

	if(jQuery.browser.msie)
	{
		jQuery.each(['section','footer','header','hgroup','article','nav','aside','figure','figcaption'],function(ind,el)
				{
					document.createElement(el);
				}
			);
	}

	jQuery(document).ready(function()
	{
		jQuery('header nav > ul > li').hover(function()
			{
				jQuery(this).addClass('active');
				jQuery(this).children('ul').css({display: 'block'});
//                                jQuery(this).children('h4').css({color:'#fff'});
                                
			},
			function()
			{
				jQuery(this).removeClass('active');
				jQuery(this).children('ul').css({display: 'none'});
//                                jQuery(this).children('h4').css({color:'#004489'});
			}
		);
		
		jQuery('header nav > ul > li > ul').css({display: 'none'});
	});
}