$(document).ready(function() {
	var data = {
		imgs: ['gos','ii','gt','mbu','sirenic'],
		urls: ['/portfolio/graph-of-shame','/portfolio/investit','/portfolio/garden-trellis','/portfolio/moodboard-unlimited','/portfolio/sirenic-silver']
	};
	$.fader.init(data);
});

;(function($) {	
	$.fader = $.fader || {};
	$.extend($.fader, {
		i: 0,
		images: new Array(),
		urls: new Array(),
		init: function(data) {
			$.fader.images = data.imgs;
			$.fader.urls = data.urls;
			// start preloading images
			document.preload = new Array();
			$.fader.preLoad(0);
		},
		preLoad: function(num) {
			if(num < $.fader.images.length) {
				document.preload[num] = new Image;
				document.preload[num++].src = 'images/promo-' + $.fader.images[num] + '.jpg';
				$.fader.preLoad(num);
			}
			setTimeout(function(){$.fader.fade();}, 1000);
		},
		fade: function() {
			var element = $('#promoimage');
			var opacity = parseFloat(element.css('opacity'));
			if(opacity < 0.08) {
				element.css('background-image', 'url(images/promo-' + $.fader.images[$.fader.i] + '.jpg)');
				element.attr('href', $.fader.urls[$.fader.i]);
				if($.fader.i<(($.fader.images.length)-1)) {
					$.fader.i++;
				}
				else {
					$.fader.i = 0;
				}
				setTimeout(function(){$.fader.appear();}, 100);
			}
			else if(opacity > 0) {
				opacity -= 0.07;
				element.css('opacity', opacity);
				setTimeout(function(){$.fader.fade();}, 50);
			}
			return true;
		},		
		appear: function() {
			var element = $('#promoimage');
			var opacity = parseFloat(element.css('opacity'));
			if(opacity < 1) {
				opacity += 0.07;
				element.css('opacity', opacity);
				setTimeout(function(){$.fader.appear();}, 50);
			}
			else {
				setTimeout(function(){$.fader.fade();}, 3000);
			}
		}
	})
})(jQuery);