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


var Thumstones = new Class ({
		
	initialize: function(el,options){
		this.items = $('souvenirsContainer').getElements('div.souvenirContent');
		this.current = 0;
		this.delay = 4000;
		this.speed = 700;
		this.next();
		//$('thumstones-preview').addEvent('mouseover', this.pause.bind(this));
		//$('index-right').addEvent('mouseout', this.resume.bind(this));
	},
	
	pause: function() {
	    $clear(mytimer2);
	    mytimer2 = null;
	},
	
	resume: function() {
	    if (mytimer2 == null) {
	    	this.next();
	    }
	},
	next: function() {
		this.current++;
		if (this.current >= this.items.length) this.current = 0;
		var pos = this.items[this.current];
		//$('thumstone-active').fade('out');
		//$('thumstone-active').getElement('div.thumstone').set('html', pos.get('html'));
		//setup tween
		var tween = $('souvenirPreview').get('tween', {property: 'opacity'});
		//fade it away
		tween.start(0).chain(function(){
			//get value from elsewhere and inject it in the dom
			$('souvenirPreview').set('html', pos.get('html'));

			lien = $('souvenirPreview').getElement('a[rel=quickbox]');
			q = new QuickBox();
			q.addEvent('open', function() {
				this.pause(this);
			}, this);
			q.addEvent('close', function() {
				this.resume(this);
			}, this);
			lien.addEvent('click', function(e){
				e.stop();
			});
	
			//show again
			tween.start(1);
		});
		mytimer2 = this.next.bind(this).delay(this.delay+this.speed);

	}

});

var mytimer2 = null;