$(document).ready(function(){
	var activepanel = "aboutus";

	$("nav a").click(function(){
		$("nav").find("a").removeClass("active");
		$(this).addClass("active");
		var content = $($(this).attr("href"));
		activepanel = $(content).attr("id");
		var targetOffset = $(content).position().top * -1;
		$("#main>.container").animate({top: targetOffset}, 1000);
		return false;
	});
	
	$(document).bind('mousewheel', function(event, delta) {
		var dir = delta > 0 ? 'Up' : 'Down'
		if (dir == "Up") {
			$("nav a.active").parent().prev().find("a").click();
		} else {
			$("nav a.active").parent().next().find("a").click();
		}
	}).keydown(function(event){
		var keycode = event.which;
		switch (keycode)
		{
			case 38: //Up
				$("nav a.active").parent().prev().find("a").click();
				break;
			case 40: //Down
				$("nav a.active").parent().next().find("a").click();
				break;
			case 37: //Left
				if ($("#"+activepanel).find("figure.active").size() == 1) {
					$("#"+activepanel).find("figure.active").prev().click();
				}
				break;
			case 39: //Right
				if ($("#"+activepanel).find("figure.active").size() == 1) {
					$("#"+activepanel).find("figure.active").next().click();
				}
				break;
		}
	});
	
	$("#aboutus,#clothing").click(function(){
	});	
	
	$("div.scroller").data("lastclick",false);	
	
	$("div.scroller figure:first").addClass("active");
	var cascadingzindex = 999;
	$("div.scroller figure").each(function(i){
		$(this).css("z-index",cascadingzindex);
		cascadingzindex--;
		$(this).attr("photoindex",i);
	}).click(function(){
		var targetimg = this;
		var targetpanel = $(this).parents("section:first").attr("id");
		if (targetpanel != activepanel) {
			$("nav a[href=#"+targetpanel+"]").click();
			setTimeout(function(){
				$(targetimg).click();
			},1000);
			return;
		}		
		
		var scroller = $(this).parents(".scroller:first");
		var lastclick = $(scroller).data("lastclick");
		if ($(scroller).is(":animated") == false && lastclick != this) {
			$(scroller).find("figure.active").removeClass("active");
			$(this).addClass("active");
			var position = $(this).position().left * -1;
			var thisphotoindex = parseInt($(this).attr("photoindex"));
			var margin = 260;
			var slidelength = 550;
			if (!!lastclick) {
				var lastphotoindex = parseInt($(lastclick).attr("photoindex"));
				var lastclickmargin = margin;
			}
			else
			{
				var lastphotoindex = 0;
				var lastclickmargin = 0;
			}
			$(lastclick).animate({
				marginLeft: 0
			  }, slidelength);
			$(this).animate({
				marginLeft: margin
			  }, slidelength);
			if (thisphotoindex > lastphotoindex) { //Going forwards
				$(scroller).animate({
					left: position - margin + lastclickmargin
				  }, slidelength);
			} else { //Going backwards
				$(scroller).animate({
					left: position - margin
				  }, slidelength);
			}
			$(scroller).data("lastclick",this);
		
			var details = $(this).parents("section:first").find("div.details");
			var visibledetail = $(details).find("div:visible");
			var targetalt = $(targetimg).children("img").attr("alt")
			if ($(visibledetail).attr("id") != targetalt) {
				$(visibledetail).fadeOut(slidelength/2,function(){
					$(details).find("#"+targetalt).fadeIn(slidelength/2);
				});
			}
		}
	});
	
	$("section div.details").each(function(){
		$(this).find("div:not(:first)").hide();	
	});
});

/* Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
 * Licensed under the MIT License (LICENSE.txt).
 *
 * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
 * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
 * Thanks to: Seamus Leahy for adding deltaX and deltaY
 *
 * Version: 3.0.4
 *
 * Requires: 1.2.2+
 */
(function(c){var a=["DOMMouseScroll","mousewheel"];c.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var d=a.length;d;){this.addEventListener(a[--d],b,false)}}else{this.onmousewheel=b}},teardown:function(){if(this.removeEventListener){for(var d=a.length;d;){this.removeEventListener(a[--d],b,false)}}else{this.onmousewheel=null}}};c.fn.extend({mousewheel:function(d){return d?this.bind("mousewheel",d):this.trigger("mousewheel")},unmousewheel:function(d){return this.unbind("mousewheel",d)}});function b(i){var g=i||window.event,f=[].slice.call(arguments,1),j=0,h=true,e=0,d=0;i=c.event.fix(g);i.type="mousewheel";if(i.wheelDelta){j=i.wheelDelta/120}if(i.detail){j=-i.detail/3}d=j;if(g.axis!==undefined&&g.axis===g.HORIZONTAL_AXIS){d=0;e=-1*j}if(g.wheelDeltaY!==undefined){d=g.wheelDeltaY/120}if(g.wheelDeltaX!==undefined){e=-1*g.wheelDeltaX/120}f.unshift(i,j,e,d);return c.event.handle.apply(this,f)}})(jQuery);