function advBoxMenuLinkClicked()
{
	$( '#adv-box .scroll-pane' ).jScrollPaneRemove();
	var link = $( this );
	var linkParent = link.parent();
	var span = $( 'span', linkParent.parent() );
	var spanParent = span.parent();
	var item = link.attr( 'class' );

	var index = parseInt( spanParent.removeClass( 'selected' ).css( 'z-index' ) ) + 1;

	span.replaceWith( '<a href="#" class="' + span.attr( 'class' ) + '">' + span.html() +  '<\/a>' );
	link.replaceWith( '<span class="' + item + '">' + link.html() +  '<\/span>' );

	linkParent.addClass( 'selected' ).css( 'z-index', index );

	$( '.adv-box-content-row' ).removeClass( 'adv-box-content-row-selected' );
	$( '#adv-box-' + item ).addClass( 'adv-box-content-row-selected' );
	$( '#adv-box .scroll-pane' ).jScrollPane
	(
		{ scrollbarWidth:10, dragMaxHeight:51, dragMinHeight:51 }
	);
	return false;
}

function setAdvBoxStylesAndActions()
{
	var li = $( '.adv-box-menu li' );
	li.each
	(
		function( i )
		{
			$( this ).css( { position:'absolute',top:'0',left:(i * 65 ) + 'px',zIndex:i } );
		}
	);
	$( '.adv-box-menu li.selected' ).css( 'z-index', li.length + 1 );
	$( '.adv-box-menu a' ).live( 'click', advBoxMenuLinkClicked );
	$( '.scroll-pane' ).jScrollPane
	(
		{ scrollbarWidth:10, dragMaxHeight:51, dragMinHeight:51 }
	);
}

$( document ).ready( setAdvBoxStylesAndActions );