$(document).ready(function() {
		$('#menu_block').hide();
		$('.my-list').easyListSplitter({ colNumber: 10 });
	});

	$(function()
	{
	  var $layer = $('#menu_block');
	  var $body  = $('html');

	  $layer
	    .bind( 'summon', function( e )
	    {
	      $layer.fadeIn("fast");
	      $body.bind( 'click', dismissLayer );
	    } )
	    .bind( 'dismiss', function( e )
	    {
	      $layer.fadeOut("fast");
	      $body.unbind( 'click', dismissLayer );
	    } )
	    .click( function( e )
	    {
	      e.stopPropagation();
	    })
	    .trigger( 'dismiss' )
	  ;

	  function dismissLayer( e )
	  {
	    $layer.trigger( 'dismiss' );
		$('#category_name').removeClass("selected");
	  }

	  // This is optional - this just triggers the div to 'visible'
	  $('#category_name').click( function( e )
	  {
	    var $layer = $('#menu_block:hidden');
	    if ( $layer.length )
	    {
	      $layer.trigger( 'summon' );
	      e.stopPropagation();
	    }
		$('#category_name').addClass("selected");
		
	  });
	
		$('#menu a').click(function() {
			mytext = $(this).html();
			mycategory = $(this).attr("id");
			$('#category_name span').html(mytext);
			$('#category_id').attr("value",mycategory);
			$('#category_name').removeClass("selected");
			$layer.trigger( 'dismiss' );
		});
	});