/**
 * CSS Background Change Using MooTools (in a way that it isn't supposed to be used)
 *
 * DO NOT USE THIS FOR PRODUCTION. This is a very bad MooTools script that does not 
 * use best practices for developing MooTools code. You should write flexible code 
 * using MooTools classes. This is meant to be a 5-minute solution for a Photoshop design tutorial. 
 * I'm going to say it again: DO NOT USE THIS FOR PRODUCTION.
 * See David Walsh's MooTools 1.2 Class Template: http://davidwalsh.name/mootools-12-class-template
 *
 * LICENSE: MIT License http://www.opensource.org/licenses/mit-license.php
 * 
 * @author: Jacob Gube <jacob@sixrevisions.com>
 * @copyright: 2010-Present Design Instruct
 * @version: 0.1
 */
window.addEvent('domready', function(){
	
	var position = 0;
	var maxPosition = 2;
	
	dealWithControls(position);
	
	var images = new Array();
	
	// WTF?! #1
	images[0] = new Array(
				'<a href="http://sweet-heaven.org/gallery/" target="_blank">Artfolio ~  Part One</a>',
				'La galerie du site regroupe mes artworks et manipulations ainsi que toutes mes cr&eacute;ations li&eacute;es au webdesign.',
				'http://sweet-heaven.org/wp-content/themes/jamie/images/slide_02.jpg'
				);
	
	images[1] = new Array(
				'<a href="http://sweet-heaven.org/icons/" target="_blank">Artfolio ~  Part Two</a>',
				'Cette partie du site regroupe icons, avatars et signatures... le tout tri&eacute; par th&egrave;me et acteurs. Check it out !',
				'http://sweet-heaven.org/wp-content/themes/jamie/images/slide_01.jpg'
				);
	
	images[2] = new Array(
				'<a href="http://sweet-heaven.org/goodies/" target="_blank">Goodies</a>',
				'Textures, brushes, templates, etc. Des outils pour vos aider dans la r&eacute;alisation de vos sites et graphiques.',
				'http://sweet-heaven.org/wp-content/themes/jamie/images/slide_03.jpg'
				);
	
	$$('.controls li').addEvent('click', function(){
		var controlClicked = this.getProperty('class');
		//WOWOWIWOWWTF? Flexibility and reuse?? #2
		position = (controlClicked=='left') ? position-1 : position+1;
		
		dealWithControls(position);
		
		//OMFGWTF?! #3
		$$('.description').set('html', '<h3>'+images[position][0]+'</h3><p>'+images[position][1]+'</p>');
		
		$$('.slides-holder').tween('background','url('+images[position][2]+')');
		
	});

//MEGA WTF I WILL BURN IN BAD JAVASCRIPT CODER HELL #4
function dealWithControls(p){
	if(p==0){
		$$('.left').fade('out'); 
	} else if(p!=0) {
		$$('.left').fade('in');
	}
	if(p==maxPosition){
		$$('.right').fade('out');
	} else if(p!=maxPosition) {
		$$('.right').fade('in');
	}
}
});