$(document).ready(function(){

/*    $("#mainMenu a").click(function(e) {
		e.preventDefault();
    });*/

	/*$("ul#mainMenuList span").click(function(){
		var pageToLoad = $(this).attr('rel');
		$('#wrapper').slideUp(1000,function(){
			$('#wrapper').load('sub/'+pageToLoad+'.php', function(){
				$('#wrapper').slideDown(1000);
                _gaq.push(['_trackPageview', pageToLoad]);
			});
		});
	});*/
	
	
	/*$('#mainMenu').css( { "left":"-42px" }, 1000 );
	
	$('#mainMenu').mouseover(function(){
		$(this).css( { "left":"0px" } );
	});
	$('#mainMenu').mouseout(function(){
		$(this).css( { "left":"-42px" } );
	});*/
	
	$('.button').mouseover(function(){
		$('.mainMenuPopUp').hide();

		var pos = $(this).offset();  
		var width = $(this).width();
		//show the menu directly over the placeholder
		$('#mainMenuPopUp').css( { "left": (pos.left + width + 20) + "px", "top":(pos.top + 2) + "px" } );
	
		var title = $(this).attr('id');
		$('#mainMenuPopUp').html(title);
		$('#mainMenuPopUp').show();
	});
	
	$('.button').mouseout(function(){
		var title = $(this).attr('rel');
		$('.mainMenuPopUp').hide();
	});
	/*
	
	//create bubble popups for each element with class "button"
	$('.button').CreateBubblePopup();

	//set customized mouseover event for each button
	$('.button').mouseover(function(){

		//show the bubble popup with new options
		$(this).ShowBubblePopup({
									position : 'right',
									align	 : 'middle',
									innerHtml: $(this).attr('id'),
									innerHtmlStyle: {
														color: '#FFFFFF', 
														'text-align':'center',
														'font-family':'Futura,Helvetica,Arial,sans-serif'
													},		
									themeName: 	'all-black',								
									themePath: 	'images/jquerybubblepopup-theme',
									closingDelay: 200,
									distance: '64px',
									dropShadow: true
						 
							  });
	});
	*/
});
