var Passes = {
	loader: null,
	img: null,
	plastic: null,
	title: null,
	timer: null,
	duration: 7000,
	list:[],
	current:0,
	init: function() {
		Passes.loader = $('passe-loader');
		Passes.img = $('passe-img');
		Passes.plastic = $('passe-plastique');
		Passes.title = $('passe-titre');
		Passes.img.onload = Passes.loaded;
		Passes.plastic.observe( 'click', Passes.click );
		$('passe-suivant').observe( 'click', Passes.click_next );
		$('passe-precedent').observe( 'click', Passes.click_prev );
		new Ajax.Request('passes.php', {
			onSuccess: function( t ) {
				Passes.list = t.responseJSON;
				Passes.start();
				Passes.show();
			},
			onFailure: function( t ) {
				
			}
		});
	},
	start: function() {
		Passes.timer = setInterval( Passes.next, Passes.duration );
	},
	stop: function() {
		clearInterval( Passes.timer );
	},
	next: function() {
		Passes.current++;
		if( Passes.current >= Passes.list.length ) Passes.current = 0;
		Passes.show();
	},
	prev: function() {
		Passes.current--;
		if( Passes.current < 0 ) Passes.current = Passes.list.length - 1;
		Passes.show();
	},
	show: function() {
		Passes.loader.show();
		Passes.img.src = 'passes.php?q=' + encodeURIComponent( Passes.list[Passes.current] );
	},
	loaded: function() {
		Passes.loader.hide();
		Passes.title.update( Passes.list[Passes.current] );
	},
	click_next: function() {
		Passes.stop();
		Passes.next();
		Passes.start();
	},
	click_prev: function() {
		Passes.stop();
		Passes.prev();
		Passes.start();
	},
	click: function() {
		//new FancyZoom( Passes.img );
	}

};

document.observe('dom:loaded', function() {
	if( Object.isElement( $('passes') ) ) Passes.init();
});