$(document).ready(function() {
 // toggles the slickbox on clicking the noted link
  $('#submenu a').click(function() {
	var parent = $(this).parent().attr('class');
	var state = $(this).attr('class');
	var last = $("#submenu .zon").parent().attr('id');
	if( last != parent )
	{
		
		$("#" + last + " a").removeClass('zon');
		$("#" + last + " a").addClass('zoff');
			
		if(state == 'zoff')
		{
			$(this).removeClass('zoff');
			$(this).addClass('zon');
		} else {
			$(this).removeClass('zon');
			$(this).addClass('zoff');
		};
	} else {
		$("#" + last + " a").removeClass('zon');
		$("#" + last + " a").addClass('zoff');
	}
 	return false;
  });
  $('#subnav a').click(function() {
								 var parent = $(this).parent().attr('id');
								 var last = $('#subnav .actif').attr('id');
								 $('#' + last).removeClass('actif');
								 $('#' + parent).addClass('actif');
								 });
});