$(document).ready(function() {

	$(window).bind('scroll',adjust_position);
	$(window).bind('resize',adjust_variables);

	$("#portfolio-sites").accordion({
		header: "h3",
		selectedClass: "selected"
	});

	// Set variables for menu animation
	var nav_width = $("#nav-main").width();
	var scroll_left = $(window).scrollLeft();
	var scroll_top = $(window).scrollTop();
	var window_width = $(window).width();
	var page_num = Math.ceil(scroll_left / window_width);
	$.pos = {
		window_width: window_width,
		nav_width: nav_width,
		nav_left: $("#nav-main").css("margin-left"),
		max_left: (scroll_left < nav_width)?nav_width:(window_width * page_num) + nav_width,
		min_left: (scroll_left < nav_width)?0:(window_width * (page_num - 1)),
		page: page_num,
		decor_padding: scroll_left,
		prev_x: scroll_left,
		prev_y: scroll_top
	};
	$("#nav-main").css('margin-left', (window_width * page_num) + "px");
	$('#decorations').css("padding-right", $.pos.decor_padding+"px");

	// Make menu scroll smoothly when clicked
	$.localScroll({
		axis: "xy",
		duration: 1500,
		stop: true,
		hash: true,
		filter: '.smooth'
	});
});

function adjust_position() {
	var scroll_left = $(window).scrollLeft();
	if($.pos.prev_x == scroll_left) {
//		$("#decorations").css("top", "-"+$(window).scrollTop()+"px");
		return;
	}
	var shift_right = scroll_left > $.pos.max_left;
	var shift_left = scroll_left <= $.pos.min_left;

	if((shift_right || shift_left)){
		// Update variables
		$.pos.reposition = false;
		$.pos.page = (shift_right)?$.pos.page+1:$.pos.page-1;
		$.pos.max_left = ($.pos.window_width * $.pos.page) + $.pos.nav_width-1;
		$.pos.min_left = $.pos.max_left - $.pos.window_width;

		/* Move Navigation to new spot
		$("#nav-main").animate({
			marginLeft: ($.pos.window_width * $.pos.page) + "px"
		}, 200, null, null, false);*/
		$("#nav-main").css('margin-left', ($.pos.window_width * $.pos.page) + "px");
	}

	// Shift background
	$.pos.decor_padding = (scroll_left > $.pos.prev_x)?$.pos.decor_padding+((scroll_left - $.pos.prev_x)/2):$.pos.decor_padding-(($.pos.prev_x - scroll_left)/2);
	$('#decorations').css("padding-right", $.pos.decor_padding+"px");
	$.pos.prev_x = scroll_left;
}

function adjust_variables() {
	$.pos.nav_width = $("#nav-main").width();
	$.pos.window_width = $(window).width();

	// Move Navigation to new spot
	$("#nav-main").animate({
		marginLeft: ($.pos.window_width * $.pos.page) + "px"
	}, 500);

	$.pos.nav_left = $("#nav-main").css("margin-left");
}