$(document).ready(function() {
            
 // accordion menu
$('#accordion').accordion({
		header: 'h3',										// h3 header tags
		navigation: true,
		active: '.selected',
		autoHeight: false,
		clearStyle: false,
		animated: 'slide',
		collapsibe: true,									// allow to close completely
		alwaysOpen: false,
		change: function(event,ui) {							// function on change
			var hid = ui.newHeader.children('a').attr('id');		// get id of the open menu
			if (hid === undefined) {							// if the menu was closed, then hid = undefined
				$.cookie('menustate', null);					// delete cookie
			} else {
				$.cookie('menustate', hid, { expires: 2 });		// set cookie = id
			}
		}
	});
	
	
	// check cookie for accordion state
	if($.cookie('menustate')) {
	    $('#accordion').accordion('option', 'animated', false);	
		$('#accordion').accordion('activate', $('#' + $.cookie('menustate')).parent('h3'));		// open menu from cookie
		$('#accordion').accordion('option', 'animated', 'slide');							// turn animation back on
	}
});

$(window).unload(function() {
  $.cookie('menustate', null); // delete cookie when page closed, leaved
});

