$(function () {
      $('#columnlist-vol ul li a').each(
	  function () {
	      $(this).mouseover(
		  function () {
		      var $a  = $(this)
		        , $li = $a.parent()
		      ;
		      var column_id = $li.attr('id').split('--')[1];

		      $('#columnlist-content .active').removeClass('active').addClass('hidden');
		      $('#columnlist-content--' + column_id).removeClass('hidden').addClass('active');

		      $('#columnlist-vol ul li').removeClass('content-active').addClass('content-hidden');
		      $li.removeClass('content-hidden').addClass('content-active');

		  }
	      );
	  }
      );


      $('#columnlist-vol ul li:first').css('border-top',
                                           '1px solid #aaaaaa'
                                          );

});