/*
 * Javascript Class for handling the category tree
 * @author: Daniel Auener <daniel@internetavdelningen.se>
 */
var Bildspel = Class.create({ 


	// Initialize one Category Tree
	initialize: function(listId, duration) { 		
		
		this.list = $$("#"+listId+" li");
		
		this.iterator = 0;
		
		// position settings for picturefader
		new PeriodicalExecuter(function(pe) {
			new PeriodicalExecuter(this.change.bind(this), duration);
			this.change();
			pe.stop();
		}.bind(this), duration);
	},
	
	change: function() {
		//alert(this.iterator);
		var old_iterator = this.iterator;
		
		this.iterator = (this.iterator+1 >= this.list.size()) ? 0 : this.iterator+1;
		
		new Effect.Appear(this.list[this.iterator],{
			afterSetup: function() {
				this.list[this.iterator].setStyle({position:"absolute",zIndex:"999",marginTop:(this.iterator > 0) ? "-107px" : "0px"});
			}.bind(this),
			afterFinish: function() {
				this.list[old_iterator].setStyle({display:"none"});
				this.list[this.iterator].setStyle({position:"static",marginTop:"0px"});
			}.bind(this)
		});
	}
	
});


/*
 * Javascript Class for handling the category tree
 * @author: Daniel Auener <daniel@internetavdelningen.se>
 */
var HeaderBildspel = Class.create({ 


	// Initialize one Category Tree
	initialize: function(listId) { 		
		
		this.list = $$("#"+listId+" li");
		
		this.iterator = 0;
		
		// position settings for picturefader
		new PeriodicalExecuter(function(pe) {
			new PeriodicalExecuter(this.change.bind(this), 4);
			this.change();
			pe.stop();
		}.bind(this), 3);
	},
	
	change: function() {
		//alert(this.iterator);
 		new Effect.Fade(this.list[this.iterator],{duration:2});
		this.iterator = (this.iterator+1 >= this.list.size()) ? 0 : this.iterator+1;
		new Effect.Appear(this.list[this.iterator],{duration:2});
	}
	
});