/*
		$$__HQMatics__$$
	
		Modified: 2010.04.12 12:33:56
		
		Class: none
		File: hqimagefader.js
		
		Description: fades images in given ul>li
*/

var HQImageFader = Class.create();

HQImageFader.prototype = {
	initialize: function(imagelist) {
		//this.debugname = imagelist;
		this.imagelist = $$('#'+imagelist+' li img');
		
		//this.imagelist.each(function(item) {
		//	alert(item.getStyle());
		//});
				
		//this.curimage = Math.floor(Math.random()*this.imagelist.size());
		if (this.imagelist.size() > 1) {
			this.curimage = this.imagelist.size() - 1;
			for (i = 0; i < this.curimage; i++) {
				this.imagelist[i].hide();
			}
			this.imagelist[this.curimage].show();
		}
	},
	
	start: function() {
		this.pe = new PeriodicalExecuter(this.fadenow.bind(this), 4);
	},
	
	fadenow: function() {
		var shownimage = this.curimage;
		
		this.curimage++;
		if (this.curimage >= this.imagelist.size()) this.curimage = 0;
		
		//$('debug_' + this.debugname).update(this.curimage);
		
		if (this.curimage > shownimage) {
			this.imagelist[this.curimage].appear({ duration: 1.0 });
			this.imagelist[shownimage].fade({ duration: 1.0 });
		}
		else {
			this.imagelist[this.curimage].appear({ duration: 1.0 });
			this.imagelist[shownimage].fade({ duration: 1.0 });
		}
	}
	
	
};