function activateCard(i) {
	var card = $(".card"+i);
	if (!card.hasClass("active") && !card.hasClass("dragged")) {
		$(".card").removeClass("active");
		card.addClass("active");
		card.animate({'left': '-19em'}, 150, function() {
			$(".card").each(function(j) {
				if (j <= i) {
					$(this).addClass("stacked");
				} else {
					$(this).removeClass("stacked");
				}
			});
			card.animate({'left': 0}, 150);
		});
	}
}
function handleNamedAnchor() {
	var URL = document.location.toString();
	if (URL.match('#')) {
		var namedAnchor = URL.split('#')[1];
		$("a[href='#"+namedAnchor+"']").parent().parent().click();
	}
}
var handleDrag = function(dragCard) {
	dragCard.addClass("dragged");
	dragCard.removeClass("stacked");
	dragCard.unbind("hover");
	dragCard.unbind("click");
	
	var topZIndex = 101;
	$(".card").each(function() {
		var card = $(this);
		var zIndex = parseInt(card.css("z-index"));
		if ( (zIndex > topZIndex) && (card != dragCard)) {
			topZIndex = zIndex;
		}
	});
	dragCard.css("z-index", topZIndex+1);
}
var handleHoverIn = function(card) {
	if (!card.hasClass("dragged")) {
		card.animate({'left': '-1em'}, 100);
	}
}
var handleHoverOut = function(card) {
	if (!card.hasClass("dragged")) {
		card.animate({'left': 0}, 100);
	}
}

function initCards() {
	var cards = $(".card");
	cards.each(function(i) {
		var card = $(this);
		card.addClass("card"+i);
		card.click(function() {
			activateCard(i);
			return false;
		});
		card.draggable({
			start: function() {
				handleDrag(card);
			}
		});
		card.hover( function() {
			handleHoverIn(card)
		}, function() {
			handleHoverOut(card);
		});
	});
	$(".card0").addClass("active");
}
function initNotes() {
	$('.note').draggable();
	$('a.page-turn').click(function() {
		var page2 = $('#page2');
		page2.addClass('turning');
		page2.animate({'width': '100%', 'height': '100%'}, 1100);
		
		$(this).animate({'width': '100%', 'height': '100%'}, 1000);
		$('a.page-turn img').animate({'width': '225%', 'height': '225%'}, 2500);
//		$('a.page-turn img').animate({'width': '100%', 'height': '100%'}, 2500);
		return false;
	});
}

$(document).ready(function() {
	$(".no-js").removeClass(".no-js");
	initCards();
	initNotes();
	handleNamedAnchor();
});