$('document').ready(function(){
	
	benMenuInteract();
	menuObjects();

});

function menuObjects(){
	benMenu = {
		
		mouseOver : function(id){
			
			switch (id){
				case 'home':
				containerText = "";
				selectionPosition = 0;
				selections = "";
				break;
				
				case 'about':
				containerText = "This is where I make futile attempts at explaining what I am doing";
				selectionPosition = 55;
				selections = "<a class=benMenuSelectionLink href=/about?what=ben><div class=benMenuSelection name=aboutBen>Ben</div></a>"+ 
				"<a class=benMenuSelectionLink href=/about?what=site><div class=benMenuSelection name=aboutSite>This Site</div></a>";
				break;
				
				case 'writing':
				containerText = "Personal Development and odd stories";
				selectionPosition = 66;
				selections = "";
				break;
				
				case 'art':
				containerText = 'Mostly fruit and stuff';
				selectionPosition = 126;
				selections = "";
				break;
				
				case 'discussion':
				containerText = 'Quite possibly the best place on the internet';
				selectionPosition = 165;
				selections = "";
				break;
				
				case 'action':
				containerText = 'Get stuff done';
				selectionPosition = 165;
				selections = "";
				break;
				
				case 'projects':
				containerText = 'Fate of the world stuff';
				selectionPosition = 246;
				selections = "";
				break;
				
				case 'crap':
				containerText = 'T-shirts, internet garbage, and other stuff you dont need';
				selectionPosition = 408;
				selections = "<a class=benMenuSelectionLink href=/crap/merchandise><div class=benMenuSelection name=merchandise>Merchandise</div></a>"+
				"<a class=benMenuSelectionLink href=http://www.youtube.com/memeticengineering><div class=benMenuSelection name=youtube>YouTube</div></a>"+
				"<a class=benMenuSelectionLink href=http://www.facebook.com/profile.php?id=514627234><div class=benMenuSelection name=facebook>Facebook</div></a>"+
				"<a class=benMenuSelectionLink href=http://www.twitter.com/nice_vibes><div class=benMenuSelection name=twitter>Twitter</div></a>"+
				"<a class=benMenuSelectionLink href=http://www.myspace.com/fakeben><div class=benMenuSelection name=myspace>Myspace</div></a>";
				break;
				
				case 'contact':
				containerText = 'Contact the "Real Ben"';
				selectionPosition = 355;
				selections = "";
				break;
				
				case 'settings':
				containerText = 'The obligatory settings section';
				selectionPosition = 355;
				selections = "";
				break;
			}
			
			return {
				'containerText' : containerText,
				'selectionPosition' : selectionPosition,
				'selections' : selections
			}
		},
		
		mouseOut : function(id){
			
		},
		
		mouseDown: function(id){
			
		}
		
		
	}
}

function benMenuInteract(){
	
	/*
	 * mouseover functions
	 */
	
	var menuSelectionTimeOut;
	
	var menuTimeOut;
	
	/*
	 * Home Icon
	 */
	
	$('#beneverywhereMouseOver').mouseover(function(){
		
		menuTimeOut = setTimeout(
		"$('#benMenuUpperTextContainer').text('Beneverywhere');"
		, 300);
		//Could turn this into a class like the others for fun
		
	});
	
	$('#beneverywhereMouseOver').mouseout(function(){
		clearTimeout(menuTimeOut);
	});
	
	/*
	 * About
	 */
	
	$('.benMenuSections').mouseover(function(){

		if (menuSelectionTimeOut != null) {
			clearTimeout(menuSelectionTimeOut);
		}
			var id = $(this).attr('name');
			
			text = benMenu.mouseOver(id).containerText;
			position = benMenu.mouseOver(id).selectionPosition;
			selections = benMenu.mouseOver(id).selections;
			
			menuTimeOut = setTimeout("$('#benMenuUpperTextContainer').text(text);"+
			"if ($('#benMenuSelectionContainer').length){$('#benMenuSelectionContainer').remove()}"+
			"$('#benMenuLowerContainer').append('<div id=benMenuSelectionContainer>');" +
			"$('#benMenuSelectionContainer').css('left', position);"+
			"$('#benMenuSelectionContainer').html(selections);"+
			"benMenuSelectionInteract();", 300);

	});
	
	$('.benMenuSections').mouseout(function(){
	
		clearTimeout(menuTimeOut);
		
		menuSelectionTimeOut = setTimeout("$('#benMenuSelectionContainer').remove();", 800);
		
		$('#benMenuSelectionContainer').mouseover(function(){
			if (menuSelectionTimeOut != null) {
				clearTimeout(menuSelectionTimeOut);
			}
		});
		
		$('#benMenuSelectionContainer').mouseout(function(){
			clearTimeout(menuTimeOut);
			
			menuSelectionTimeOut = setTimeout("$('#benMenuSelectionContainer').remove();", 800);
		});
	});
	
	/*
	 * mousedown functions
	 */
	
	$('#benMenuMin').mousedown(function(){
		$('#benMenuContainer').css({
			'top': -133,
			'left': 164
		});
		
		$('#mainMenuTabToggle').text('+');
		$('#mainMenuTabToggle').css('top', -7);
		$('#mainMenuTabToggle').attr('name', 'exp');
		Cookies.positionToCookie('mainMenuPosition', 164, -133);
		$('#benMenuImage').unbind('mousedown');
	});
}

function benMenuSelectionInteract(){
	
	//Integration with mozilla browser
	
	$('.benMenuSelection').mouseover(function(){		
		var name = $(this).attr('name');
		
		$('.benMenuSelection[name='+name+']').css({
			'color' : '#ffffff',
			'text-shadow' : '0 0 5px black',
			'background-color' : '#dddddd'
		});
	});
	$('.benMenuSelection').mouseout(function(){
		var name = $(this).attr('name');
		
		$('.benMenuSelection[name='+name+']').css({
			'color' : '#1f1f1f',
			'text-shadow' : '0 1px 0px #e0e0e0',
			'background-color' : '#c3c3c3'
		});
	});
	
	//Integration with mozilla browser
	
}