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