/**
 * Portfolio.js
 * Copyright (c) Fluid Creativity, 2009
 *
 * Functionality specific to portfolio and projects.
 */

Portfolio = {

	init: function() {
		Portfolio.setupProjectNav();
		Portfolio.setupProjectImages();
	},

	setupProjectNav: function() {
		var portfolioNav = $('portfolioNav');

		if (portfolioNav) {
			var portfolioList = portfolioNav.getElement('ul.sectionIndex');
			var listHeight = portfolioNav.getNext().getSize().y - portfolioList.getPosition(portfolioNav).y;

			new VerticalSlider(portfolioList, {
				height: listHeight
			});
		}
	},

	setupProjectImages: function() {
		var portfolioImages = $('portfolioImages');

		if (portfolioImages) {
			var portfolioUrl = $('portfolio_url');
			var serviceUrl   = $('serviceUrl');

			new Request.JSON({
				url: '/ajax/portfolio/' + (portfolioUrl ? 'url/' + portfolioUrl.value + '/' : '') + 'type/' + (portfolioUrl ? 'large' : 'showcase') + (serviceUrl ? '/serviceurl/' + serviceUrl.value + '/' : ''),
				onSuccess: function(data) {
					if (!data || data.length < 1) return;
				//	if (portfolioUrl) portfolioImages.empty();
					portfolioImages.empty();
					$each(data, function(item) {
						portfolioImages.adopt(new Element('img', { 'src': item.image, 'alt': item.title }));
					});

					new ContentScroller({
						controlContainer: portfolioImages,
						includePages: true,
						slides: portfolioImages.getElements('img')
					}).start();
				}
			}).get();
		}
	}
}

window.addEvent('domready', Portfolio.init);