$(document).ready(function() {
	var sidenav = $('#left-column').accordion({
		header: 'li.title',
		selectedClass: "opened",
		navigation: true,
		active: false,
		alwaysOpen: true,
		autoHeight: false
	});

	var currentElem = {};
	var currMenu = -1;
	$('li.title', sidenav).each(function(index) { 
		$(this).click(function(e) {
			sidenav.accordion('activate', index);
			$('#left-column li.sub ul li').removeClass('opened');
			changeContent(this);
			currentElem = this;
			currMenu = index;
			e.preventDefault();
			return false;
		});
	});
	
	$('#left-column li.sub ul li').click(function(e) {
		changeContent(this);
		$('#left-column li.sub ul li').removeClass('opened');
		$(this).addClass('opened');
		currentElem = this;
		e.preventDefault();
		return false;
	});
		
	// $('#arrow-down').click(function(e) {
	// 	if ($(currentElem).nextAll('li').eq(0).hasClass('title') ||
	// 	$(currentElem).nextAll('li').eq(0).hasClass('sub-title')) {
	// 		$(currentElem).nextAll('li').trigger('click');
	// 		// return false;
	// 	} else if ($(currentElem).nextAll('li').eq(0).hasClass('sub')) {
	// 		$(currentElem).nextAll('li').children().children().eq(0).trigger('click');
	// 		// return false;
	// 	}
	// 	e.preventDefault();
	// 	return false;
	// });
	
	var stage = $('#main-stage').wrap('<div/>').css({
		width: ($('#main-stage').width()),
		height: ($('#main-stage').height()),
		"float": "left",
		display: "block"
	});

	var currentElemId = {};
	var changeContent = function(elem) {
		currentElemId = elem.id;
		var detailPos = $('#main-detail').offset();
		var newDetail = $("#"+elem.id+"-detail-copy").clone(true);
		if ($('#detail-fader').length > 0) {
			$('#detail-fader').remove();
		}
		console.log (elem.id);
		$('#other-portfolio-pieces').after('<div id="detail-fader">'+newDetail.html()+'</div>');
		if (elem.id == 'photo_1') {
			var newTop = parseInt(detailPos.top,10)+100;
			$('#main-detail').css({
				position:'absolute',
				top:newTop+"px",
				left:detailPos.left+"px",
				width: ($('#main-detail').width()),
				height: ($('#main-detail').height()),
				display:"none"
			});
		}
		else {
			var newTop = detailPos.top;
			setTimeout(function() {
				$('#main-detail').css({
					position:'relative',
					top:"",
					left:""
				});
			}, 200);
		}
		
		$('#detail-fader').css({
			position:'absolute',
			top:newTop+"px",
			left:detailPos.left+"px",
			width: ($('#main-detail').width()),
			height: ($('#main-detail').height()),
			display:"none"
		});
		$('#main-detail').fadeOut('fast');
		$('#detail-fader').fadeIn("fast",function() {
			$('#main-detail').html($('#detail-fader').html()).show();
		});
		
		var stagePos = $(stage).offset();
		if ($('#stage-fader').length > 0) {
			$('#stage-fader').remove();
		}
		$('#other-portfolio-pieces').after('<div id="stage-fader"></div>');
		var newSlide = $("#"+elem.id+"-slide").clone(true);
		$('#stage-fader').append(newSlide);
		$('#stage-fader').css({
			position:'absolute',
			top:stagePos.top+"px",
			left:stagePos.left+"px",
			width: ($(stage).width()),
			height: ($(stage).height()),
			display:"none"
		});
		$('#main-stage').fadeOut("slow");
		$('#stage-fader').fadeIn("slow",function() {
			$('#main-stage').html($('#stage-fader').html()).show();
		});

		return false;
	};

	
});