$jq( document ).ready( function( $ ) {	
	var menuLinks = $( ".zoneMenu ul li a" );
	
	$( ".topSubMenu" ).each( function( index ) {
		var subMenuItem = $( this );
		var title = subMenuItem.attr( "title" );
		
		if ( !title )
			return;
			
		var leftShadow = $( document.createElement( "div" ) );
		leftShadow.attr( "class", "topSubMenuLeftShadow" );
		subMenuItem.children().first().before( leftShadow );
			
		var rightShadow = $( document.createElement( "div" ) );
		rightShadow.attr( "class", "topSubMenuRightShadow" );
		subMenuItem.children().first().before( rightShadow );
						
		var bottomLeftShadow = $( document.createElement( "div" ) );
		bottomLeftShadow.attr( "class", "topSubMenuBottomLeftShadow" );
		subMenuItem.append( bottomLeftShadow );
						
		var bottomShadow = $( document.createElement( "div" ) );
		bottomShadow.attr( "class", "topSubMenuBottomShadow" );
		subMenuItem.append( bottomShadow );
		
		var bottomRightShadow = $( document.createElement( "div" ) );
		bottomRightShadow.attr( "class", "topSubMenuBottomRightShadow" );
		subMenuItem.append( bottomRightShadow );
		
		menuLinks.each( function( index ) {
			var menuItem = $( this );

			if ( menuItem.text() != title )
				return;
			
			menuItem.after( subMenuItem );
			
			menuItem.parent().mouseover( function() {
				subMenuItem.show();
			} );
			
			menuItem.parent().mouseout( function() {
				subMenuItem.hide();
			} );			
		} );

		var buttons = subMenuItem.children( "ul" ).children( "li" );
		subMenuItem.css( "width", buttons.size() * 151 );
		buttons.last().css( "border", "none" );
		
		subMenuItem.attr( "title", "" );
	} );
	
	$( ".topSubMenuFooter > ul" ).each( function() {
		var self = $( this );
		var children = self.children();
		var maxIndex = children.size() - 1;
		
		children.each( function( index ) {	
			if ( index == maxIndex )
				return;
		
			var separator = $( document.createElement( "span" ) );
			separator.html( "|" );
			separator.attr( "class", "separator" );

			$( this ).after( separator );
		} );
	} );
} );