$(function() {
	// homepage image gallery
	var gallery = $('#gallery');
	if (gallery.length === 1 ) {
		$('#header').addClass('collapsed');
		var content = gallery.find('li');
		var galleryPagination = $('#galleryPagination');
		var ul = $('<ul></ul>');
		var current = 0;
		
		function goToSlide(e) {
			var slide = $(this).data('linkid');
			e.preventDefault();
			if (slide === current) {
				return;
			}
			ul.find('li').removeClass('active');
			$(this).addClass('active');
			slideTransition(slide);
			current = slide;
		}
		function slideTransition(next) {
			content.fadeOut();
			content.eq(next).fadeIn();
		}
		function goNextSlide() {
			var el = current + 1;
			if ( el >= content.length) {
				el = 0;
			}
			galleryPagination.find('li').eq(el).trigger('click');
		}

		content.each(function(cnt) {
			var t = $(this);
			if (cnt !== 0) {
				t.hide();
			}
			var link = $('<li><a href="#image' + cnt + '">" + cnt + "</a></li>');
			link.data('linkid', cnt)
			link.click(goToSlide);
			ul.append(link);
		});
		
		gallery.click(function(e) {
			goNextSlide();
			e.preventDefault();
		});

		galleryPagination.append(ul);
		ul.find('li:first-child').addClass('active');
		
		$('#homeButton').click(function(e) {
			//if ($('#header').hasClass('collapsed')) {
				$('#toggle').trigger('click');
			//}
			e.preventDefault();
		});
	}
	
	var toggle = $('#toggle');
	var header = $('#header');
	toggle.click(function(e) {
		header.toggleClass('collapsed')
		e.preventDefault();
	});
	
	var portfolioGallery = $('#portfolioGallery');
	if (portfolioGallery.length !== 0) {
		var items = portfolioGallery.find('li');
		var description = $('#description');
		var largeImage = $('<img alt="" />');
		portfolioGallery.delegate('li', 'click', function(e) {
			var t = $(this);
			var desc = t.find('div.description');
			if (desc.length === 1) {
				description.fadeOut('fast', function() {
					description.html(desc.html());
					description.fadeIn('fast')
				});
			}
			var largeImageUrl = t.find('a.thumbnail').attr('href');
			// largeImage.fadeOut('fast', function() {
			// 	largeImage.attr('src', largeImageUrl);
			// 	largeImage.fadeIn();
			// });
			largeImage.attr('src', largeImageUrl);
			e.preventDefault();
		});
		portfolioGallery.find('li:first-child').trigger('click');
		$('#rightColumn').append(largeImage);
	}
});