/**
	ImageSlider v1.0 - Image slider
	@author Constantin Boiangiu <http://www.constantinb.com>
	@framework MooTools 1.2
**/
var ImageSlider = new Class({
	
	Implements: [Options],
	options: {
		container: '.MooSlider',
		images: '.image',
		thumbnails: '.thumbnail',
		fxDuration: 500
	},
	
	initialize: function(options){
		this.setOptions(options);
		this.begin();
	},
		
	begin: function(){	
		var container = $$(this.options.container);
		if(!container[0]) return;
		this.images = container[0].getElements(this.options.images);
		this.thumbnails = container[0].getElements(this.options.thumbnails);
		this.currentElement = 0;
		
		this.thumbnails.each(function(th, i){
			if(i!==this.currentElement){
				this.images[i].setStyle('opacity',0);
			}
			this.images[i].setStyles({
				'display':'block',
				'position':'absolute',
				'top':0,
				'left':0
			});
			
			this.images[i]['fx'] = new Fx.Morph(this.images[i], {'wait':false, 'duration':this.options.fxDuration||500});
			
			th.addEvent('click', function(event){
				new Event(event).stop();
				if( i == this.currentElement ) return;
				
				this.images[this.currentElement]['fx'].start({'opacity': 0, 'top':[0,20], 'left':[0,20]});
				this.images[i]['fx'].start({'opacity': 1, 'top':[50,0], 'left':[-20,0]});
				
				this.thumbnails[this.currentElement].removeClass('selected');
				this.thumbnails[i].addClass('selected');
				
				this.currentElement = i;				
			}.bind(this));
			
		}.bind(this));
		
		var tips = new Tips('.copyright',{
			'className':'copyTips',
			onShow: function(tip, el){
				var content = tip.getElement('.tip-title');
				if( !content ) return;
				
				var text = tip.getElement('.tip-text');
				if( text ) text.setStyle('display','none');
				
				tip.setStyle('visibility', 'visible');
				var t = function(){
					tip.setStyle('visibility', 'hidden');
				};
				t.delay(1000, this);				
			}
		});
		
	}
})

window.addEvent('domready', function(){
	new ImageSlider({
		
	});
})