$(function(){
	var positions = new Array();
	positions['home'] = 100;
	positions['info'] = 190;
	positions['foto'] = 285;
	positions['contactform'] = 370;
	
	selected = $.param.fragment();
	
	if (selected == '')
		selected = 'home';
	
	$("li").each(function(){
		$(this).mouseover(function(){
			$("#ball").animate({'margin-left' : positions[$(this).attr('class')]}, 100, 'swing');
		});
		
		$(this).mouseout(function(){
			if (selected == 'info1' || selected == 'info2')
				menuselected = 'info';
			else
				menuselected = selected;
			
			$("#ball").animate({'margin-left' : positions[menuselected]}, 100, 'swing');
		});
	});
	
	$("li." + selected).trigger('mouseover');
	
	$(window).bind('hashchange', function(e){
		selected = $.param.fragment();
		
		if (selected == '')
			selected = 'home';
			
		if (selected == 'info1' || selected == 'info2')
			menuselected = 'info';
		else
			menuselected = selected;
		
		// remove all active classes
		$("li a").each(function(){
			$(this).removeClass('active');
		});
		
		$("." + menuselected).children('a').addClass('active');
		
		$("#text").load('content.php', 'content=' + selected);
		$("#ball").animate({'margin-left' : positions[menuselected]}, 100, 'swing');
	});
	
	$(window).trigger('hashchange');
	
	// make logo clickable
	$("#logo").click(function(){
		top.location.hash = 'home';
	});
});