/**
 * Homepage.js
 * Copyright (c) Fluid Creativity, 2009
 *
 * Functionality specific to homepage.
 */

Homepage = {

	init: function() {	
		Homepage.setupServiceSlides();
		Homepage.setupVideoPromo();
		Homepage.setupPortfolioImages();
	},

	setupServiceSlides: function() {
	        var servicesBlock = $('servicesBlock');

		if (servicesBlock) {
		        new ContentPager(servicesBlock.getElement('div'), {
		                pageLinksContainer: servicesBlock.getElement('h2')
			});
		}
	},

	setupVideoPromo: function() {	
		new Swiff('/flash/loveDesign.swf', {
			container: 'homepagePromo',
			width: 400,
			height: 377,
			params: {
				wmode: 'transparent'
			}
		});
	},

	setupPortfolioImages: function() {
		var portfolioBlock = $('portfolioBlock');

		if (portfolioBlock) {
			new Request.JSON({
				url: '/ajax/portfolio/type/showcase',
				onSuccess: function(data) {
					if (!data || data < 1) return;

					if (portfolioBlock.getLast('a')) {
						portfolioBlock.getLast('a').destroy();
					}

					$each(data, function(item) {
						portfolioBlock.adopt(
							new Element('a', { 'href': item.link }).adopt(
								new Element('img', { 'src': item.image, 'alt': item.title })
							)
						);
					});

					new ContentScroller({
						controlContainer: portfolioBlock,
						includePages: true,
						slides: portfolioBlock.getElements('a'),
						onChanged: function(e) {
							var currentTitle = portfolioBlock.getElement('h2').get('text');
							var newTitle = this.getCurrentSlide().getFirst().get('alt');

							if (currentTitle != newTitle) {
								portfolioBlock.getElement('h2').set('text', newTitle);
								Cufon.replace(portfolioBlock.getElement('h2'));
							}
						}
					}).start();
				}
			}).get();
		}
	},
	
	showVideoPopup: function() {
		SqueezeBox.open(
			new Swiff('/flash/homepage.swf', {
				width: 526,
				height: 296,
				params: {
					wmode: 'transparent'
				}
			}), { handler: 'adopt', size: { x: 526, y: 296 } }
		);

	}
}

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