$(document).ready(function(){	
	
	// Loading container
	var position = $("#content").position();
	var height = $("#content").height();
	var width = $("#content").width();
	var load_width = $("#loading").width();
	var left = position.left + width/2 - load_width/2;
	var top = position.top + height/2;
	
  	$("#loading_container").css({ "left": left + "px", "top": top + "px" });

	// jQuery tipsy
	$('#find_me a').tipsy({fade: true, gravity: 'n'});
	$('#menu div.box:even').tipsy({fade: true, gravity: 'e'});
	$('#menu div.box:odd').tipsy({fade: true, gravity: 'w'});
	
    $('.tipsy').css("opacity", "0.8");	
    $('.tipsy').css("filter", "alpha(opacity=80");
	
	function getRand() { return Math.floor(Math.random()*6); }

	// Home load first
	$('#home').removeClass('non_active_menu');
	$('#home').addClass('active_menu');
	$('#loading').fadeIn(2000, function() {
		$('#content').load('home.php');	
		$('#loading').fadeOut("slow");
	});

	// Menu click
	$('.menu').click(function(){
		var menu_id = $(this).attr("id");
		
		$('div.active_menu').removeClass('active_menu');
		$(this).removeClass('non_active_menu');
		$(this).addClass('active_menu');	
		
		$('#loading').fadeIn(2000, function() {
			
			if(menu_id=='portfolio' || menu_id=='home')
			{
				$('#content').load(menu_id + '.php');	
			}
			else
			{
				var content = $('#' + menu_id + '_content').html();
				$('#content').html(content);
			}
			
			var rand = getRand();
			var note = $('#note-' + rand).html();
			$('#header_note').html(note);			
			$('#loading').fadeOut("slow");
		});			
	});
	
});