if (typeof Proworx === 'undefined') {
	var Proworx = {};	
}

Proworx.Rollover = new Class({

	initialize: function() 
	{
		this.image = $('image');
		this.images = {};
		$$('#thumbs a').each(function(link, i) {
			this.images[i] = new Element('img', {src: link.href, id: 'image'});
			link.addEvent('mouseover', this._mouseover.bindWithEvent(this, i))
				.addEvent('click', this._click.bindWithEvent(this))
				.setStyles({cursor: 'default', outline: 0});
		}, this);
	},

	_mouseover: function(event, i)
	{
		this.images[i].replaces(this.image);
		this.image = this.images[i];
	},

	_click: function(event)
	{
		event.stop();
	}
});

Proworx.Fader = new Class({
    initialize: function(selector, interval, duration) {
		this.elements = $$(selector);
		this.interval = interval * 1000;
		this.duration = duration * 1000;
        this.effects = [];
		this.index = 0;
		this.elements.each(function(element, i) {
			element.get('tween').setOptions({duration: this.duration});
			if (i != 0) {
				element.setStyle('opacity', 0);
			}
		}, this);
		this.timer = this.rotate.periodical(this.interval, this);
    },
	rotate: function() {
		var index = (this.index == this.elements.length - 1) ? 0 : this.index + 1;
		
		this.elements[index].setStyle('z-index', 1);
		this.elements[this.index].setStyle('z-index', 0);
			
		this.elements[index].fade(1);
		var delay = function(element) {
			element.fade(0);
		}
		delay.delay(this.duration, this, this.elements[this.index]);
		
		this.index = index;	
	}
});