$(function(){
	
	// Hide default select menu
	$( '.menu_holder .content form select' ) .hide ();
	
	// Generate JavaScript select menu
	var select_html = '<span class="value"></span><span class="button"></span>';
	var subdomain_list = [];
	var subdomain_list_content = '';
	
	$( '.menu_holder .content form select' ) 
		.find ( 'option' ) 
		.each ( function ()
			{
				subdomain_list [ subdomain_list.length ] = $( this ) .attr ( 'value' );
				subdomain_list_content = subdomain_list_content + '<span>'+ $( this ) .attr ( 'value' ) +'</span>';
			});
	
	// Display JavaScript select menu
	$( '.menu_holder .content form span.subdomains' ) 
		.show ()
		.css ( {display: 'block'} )
		.html ( select_html );
		
	// Add first value
	$( '.menu_holder .content form span.subdomains span.value' )
		.html ( subdomain_list [ 0 ] );
	$( '.menu_holder .content form select' )
		.val (  subdomain_list [ 0 ] );
		
	$( '.menu_holder .content form div.select_holder' )
		.html ( subdomain_list_content );
		
	$( '.menu_holder .content form div.select_holder span' )
		.bind ( 'mouseenter mouseleave', function ()
			{
				$( this ) .toggleClass ( 'hl' );
			})
		.click (
			function ( e )
			{
				e .preventDefault ();
				$( '.menu_holder .content form span.subdomains .value' ) 
					.html ( $( this ) .html () );
				$( '.menu_holder .content form select' )
					.val (  $( this ) .html () );
				$( '.menu_holder .content form div.select_holder' )
					.fadeOut ( 'fast' );
			});
			
	$()
		.click (
			function ( e )
				{
					$( '.menu_holder .content form div.select_holder' )
						.fadeOut ( 'fast' );
				});
			
	$( '.menu_holder .content form span.subdomains .button' )
		.bind ( 'mouseenter mouseleave', function ()
			{
				$( this ) .toggleClass ( 'button_hl' );
			});
			
	$( '.menu_holder .content form span.subdomains .value, .menu_holder .content form span.subdomains .button' )
		.click (
			function ( e )
			{
				e .preventDefault ();
				e .stopPropagation ()
				var pos = $( '.menu_holder .content form span.subdomains span.value' ) 
							.offset ();
				$( '.menu_holder .content form div.select_holder' ) 
							.css ( { 
									position: 'absolute', 
									left: pos.left -1 +'px', 
									top: pos.top + 24 +'px' } ) // CSS specific!
							.slideToggle ( 'fast' );		
							
				$( '.menu_holder .content form div.select_holder span' ) 
					.removeClass ( 'hl' )
			});
			
	var last_fadein = null;
	$( '.content_holder .creator_content .filename' ) .hide ();		
	$( '.content_holder .creator_content .filelist span u' )
		.bind ( 'mouseenter', function ()
			{
				if ( $( this ) .html () != last_fadein )
				{
					$( '.content_holder .creator_content .filename' ) .hide ();
				}
				var pos = $( this ) .offset ();
				$( '.content_holder .creator_content .filename' )
					.html ( $( this ) .html () )
					.css ( { 
							position: 'absolute', 
							left: pos.left +'px', 
							top: pos.top +'px' } )
					.fadeIn ( 'fast' );
				last_fadein = $( this ) .html ();
			});
	$( '.content_holder .creator_content .filelist span a img' )
		.bind ( 'mouseenter', function ()
			{
				$( '.content_holder .creator_content .filename' ) .hide ();
			});
	
	
});