$(document).ready(function() {
 // toggles the slickbox on clicking the noted link
  $('.drop a:not(.in)').click(function() {
	var parent = $(this).parent().attr('id');
	var state = $(this).attr('class');
	var last = $(".drop .on").parent().attr('id');
	if( last != parent )
	{
		$("#" + last + " div").slideToggle(250);
		$("#" + last + " a:not(.in)").removeClass('on');
		$("#" + last + " a:not(.in)").addClass('off');
			
		if(state == 'off')
		{
			$(this).removeClass('off');
			$(this).addClass('on');
		} else {
			$(this).removeClass('on');
			$(this).addClass('off');
		}
	
		$('#' + parent + ' div').slideToggle(250);
	} else {
		$("#" + last + " div").slideToggle(250);
		$("#" + last + " a:not(.in)").removeClass('on');
		$("#" + last + " a:not(.in)").addClass('off');
	}
 	return false;
  });
  $('#subnav a').click(function() {
								 var parent = $(this).parent().attr('id');
								 var last = $('#subnav .actif').attr('id');
								 $('#' + last).removeClass('actif');
								 $('#' + parent).addClass('actif');
								 });
});