/* Author: 

*/

$(document).ready(function() {
	var pageWidth = $(document).width();
	var itemWidth = 700;
	var marginWidth = Math.floor((pageWidth - itemWidth) / 2);
	
	$('.item').animate({marginLeft: marginWidth}, 'slow').animate({marginRight: marginWidth}, 'fast');
	//$('.item').css('marginRight', marginWidth).animate({marginLeft: marginWidth}, 'fast');

	$('#landing .wall').click(function() {
		var id = $(this).attr('id');

		var items = $('#shelf .item').size();
		var shelfWidth = items * pageWidth * -1;

		var subtract = "-=" + pageWidth;
		var add = "+=" + pageWidth;
		
		if (id == 'next' && getLeft('#shelf') > (shelfWidth + pageWidth)) {
			$('#shelf').animate({
				left: subtract
			}, 200, function() {
				$('#previous:hidden').fadeIn('fast');

				if (getLeft('#shelf') <= (shelfWidth + pageWidth)) {
					$('#next:visible').fadeOut('fast');
				}
			});
		}

		if (id == 'previous' && getLeft('#shelf') < 0) {
			$('#shelf').animate({
				left: add
			}, 200, function() {
				$('#next:hidden').fadeIn('fast');

				if (getLeft('#shelf') >= 0) {
					$('#previous:visible').fadeOut('fast');
				}
			});
		}
	});

	$('#landing .wall').hover(function() {
		$(this).animate({opacity: "1.0"}, 200);
		$(this).css('cursor', 'pointer');
	}, function() {
		$(this).animate({opacity: "0.7"}, 200);
		$(this).css('cursor', 'default');
	});

	$('.button').bind('click', function() {
		var target = $(this).find('a').attr('href');
		var action = $(this).find('a').attr('rel');
		
		if (action == 'open') {
			$(target).fadeIn('fast');
		} else {
			$(target).fadeOut('fast');
		}

		return false;
	})

	$('.item').hover(function() {
		$(this).find('.button').fadeIn('fast');
		//$(this).find('.information').fadeIn('fast');
	}, function() {
		$(this).find('.button').fadeOut('fast');
		//$(this).find('.information').fadeOut('fast');
	});

	$('nav a[href*=#]').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			var $target = $(this.hash);
			$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');

			if ($target.length) {
				var targetOffset = $target.offset().top;
				$('html,body').animate({scrollTop: targetOffset}, 700);
				return false;
			}
		}
	});
});

function getLeft(id) {
	var pos = $(id).css('left');
	return pos.substr(0, pos.length - 2);
}