/**
 * @author Marco Neumann
 */

/**
 * Current active Portfolio Element
 */
var portfolioActive = null;

/**
 * Scroll Fx for portfolio
 */
var portfolioScroll = null;

/**
 * Preload Images Array
 */
var preloadImages = [];

window.addEvent('domready', function () {
	/**
	 * Force a[rel=external] to open links in new window
	 */
	$(document.body).getElements('a[rel=external]').each(function (el) {
		el.addEvent('click', function (e) {
			e = new Event(e).stop();
			window.open(el.href);
		});	
	});
	
	/**
	 * Portfolio image tips
	 */
	$$('div.element img').each(function (el) {
		var bigImage = el.src.replace(/thumbs/, "");
		el.store('tip:text', '<img src="'+bigImage+'" />');
		preloadImages.push(bigImage);
	});
	/**
	 * Preload images
	 */
	new Asset.images(preloadImages);
	
	/**
	 * Create tip
	 */
	var imageTips = new Tips('div.element img');
	imageTips.addEvent('show', function (tip) {
		tip.fade('in');
	});
	imageTips.addEvent('hide', function (tip) {
		tip.fade('out');
	});
	
	/**
	 * Get active section
	 */
	$$('#sections li.active').each(function (el) {
		portfolioActive = el;
	});
	
	/**
	 * Set "left" CSS property for each section content
	 */
	var elementLeft = 0;
	$('main').getElements('div.section').each(function (el) {
		el.setStyle('left', elementLeft+'px');
		elementLeft = elementLeft + 960;
	});
	
	/**
	 * Scroll Fx for Portfolio Content
	 */
	portfolioScroll = new Fx.Scroll('section_content', {
	   wait: false,
	   duration: 1500,
	   transition: Fx.Transitions.Quad.easeInOut
	 });
	
	/**
	 * Add Event for Portfolio slider
	 */
	$$('#sections li').each(function (el) {
		el.addEvent('click', function (e) {
			if (!el.hasClass('active'))
			{
				/**
				 * Toggle "active" class
				 */
				portfolioActive.removeClass('active');
				el.addClass('active');
				portfolioActive = el;
				
				/**
				 * Scroll to new content
				 */
				var sectionName = 'section_'+el.get('text').replace(/ /g, "").toLowerCase();
				portfolioScroll.toElement(sectionName);
			}
		});
	});
});