$(document).ready(function() {
	var w = $('#swf').width();
	var h = $('#swf').height();
	
	//about
	$('.about').fadeTo(10, 0.01);
	$('.about').css({'left': w/2 + 10, 'top': h/2 - 20});
	
	//projects
	$('.projects').fadeTo(10, 0.01);
	$('.projects').css({'left': w/2 - $('.projects').width()/2, 'top': h/2 - $('.projects').height()/2});
	
	//people
	$('.people').fadeTo(10, 0.01);
	$('.people').css({'left': w/2 - 300, 'top': h/2 - $('.people').height()+100});
	
	//contacts
	$('.contacts').fadeTo(10, 0.01);
	$('.contacts').css({'left': w/2 - 100, 'top': h/2 - 200});
	
	
	$(window).resize(function() {
	 	 var w = $('#swf').width();
		 var h = $('#swf').height();
		 $('.about').css({'left': w/2 + 10, 'top': h/2 - 20});
		 $('.projects').css({'left': w/2 - 400, 'top': h/2 - 195});
		 $('.contacts').css({'left': w/2 - 100, 'top': h/2 - 200});
		 $('.people').css({'left': w/2 - 300, 'top': h/2 - $('.people').height()+100});
	});
	
	//menu
	$('#menu li[rel=about]').hover(
		function(){
			$(this).animate({left: 0}, 300);
			$('#menu_pic li[rel=about]').animate({left: 35}, 300);
		},
		function(){
			$(this).animate({left: 11}, 300);
			$('#menu_pic li[rel=about]').animate({left: 115}, 300);
		}
	);
	$('#menu li[rel=projects]').hover(
		function(){
			$(this).animate({left: 0}, 300);
			$('#menu_pic li[rel=projects]').animate({left: 20}, 300);
		},
		function(){
			$(this).animate({left: 11}, 300);
			$('#menu_pic li[rel=projects]').animate({left: 115}, 300);
		}
	);
	$('#menu li[rel=people]').hover(
		function(){
			$(this).animate({left: 0}, 300);
			$('#menu_pic li[rel=people]').animate({left: 25}, 300);
		},
		function(){
			$(this).animate({left: 11}, 300);
			$('#menu_pic li[rel=people]').animate({left: 115}, 300);
		}
	);
	$('#menu li[rel=contacts]').hover(
		function(){
			$(this).animate({left: 0}, 300);
			$('#menu_pic li[rel=contacts]').animate({left: 20}, 300);
		},
		function(){
			$(this).animate({left: 11}, 300);
			$('#menu_pic li[rel=contacts]').animate({left: 115}, 300);
		}
	);
});