var starting = true;

var menu_elem = "ul.menu";
var curr_active;

var wrap_elem = ".wrapper.menu";

$(document).ready(function(){
	set_width();
	detect_active();
	
	$(menu_elem + " li a").click(function(){
		$(curr_active).removeClass('active');
		$(this).addClass('active');
		move_to_active();
		set_content( $(this).attr('href') );
		
		return false;
	});
	
	$(window).resize(function(e){
		move_to_active();
	});
	
});

function detect_active(){
	if( $(menu_elem + " .active").length == 0 ){
		$(menu_elem + " li:first").addClass("active");
	}
	curr_active = menu_elem + " .active";
	
	setTimeout("move_to_active()", 200);
}

function move_to_active(){
	var wrap_center = Math.round( $(wrap_elem).width() / 2 );
	
	$(menu_elem).animate({
		"left": 	( (get_active_center() < wrap_center) ? wrap_center-get_active_center() : (get_active_center() - wrap_center)*-1 )
	});
	
	set_highlight();
}

function get_active_center(){
	var li = $(curr_active);
	var position = li.position();
	return Math.round( position.left + ( $(curr_active).width() / 2 ) );
}

function set_width(){
	var li_width = 0;
	$(menu_elem + " li").each(function(){
		li_width += $(this).outerWidth() + 300;
	});
	$(menu_elem).css("width", li_width);
}

function set_highlight(){
	$(menu_elem + " li:not(.active) a").each(function(){
		$(this).stop().fadeTo("fast", .25);
	});	
	$(menu_elem + ' .active').stop().fadeTo("slow", 1, function(){
		if(starting == true){
			set_content( $(this).find('a').attr('href') );
			starting = false;
		}
	});
	
}

function set_content(elem){
	$('#content .item').hide();
	$('#content').css("height", $('#content ' + elem).height() );
	$('#content ' + elem).fadeIn();
}