/**************************/
/**   fade in and fade out image
/**
/**	  usage : fade_image = new FadeImage('Element ID');
/**	          fade_image.init();
/**	  version : 1.0.0
/**
/**	  Modify by Polo at 2009-9-30
/**	  fixed : only one image no fade image
/**	  version : 1.0.1
/**
/**
/**	  Create by Polo at 2009-9-28
/**************************/
var FadeImage = function(elm){		
	var that 			= this;
	this.total_image   = 0;
	this.t_elm			= null;
	this.set_time 		= 10000;
	this.elm			= elm;	
	this.init = function(){
		//this.setElmAbsolute();			
		//elms = this.getImageList();
		
		setTimeout(function(){that.fade()}, this.set_time);
	}
	
	this.fade = function(){
		elms = this.getImageList();
		this.total_image = elms.length;
		
		if(this.total_image > 1){		
			this.t_elm = elms[this.total_image - 1];			
			$(this.t_elm).fade();
			setTimeout(function(){that.addToTop()}, 2500);	
			setTimeout(function(){that.fade()}, this.set_time);
		}
	}

	this.getImageList = function(){
		elms = $(this.elm).childElements();
		return elms;	
	}
	
	this.addToBottom = function(){
		$(this.elm).insert({bottom: this.t_elm});
		$(this.t_elm).show();
	}

	this.addToTop = function(){
		//alert(this.elm);
		$(this.elm).insert({top: this.t_elm});
		$(this.t_elm).show();
	}
	
	this.setElmAbsolute = function(){
		//set position absolute
		$(this.elm).setStyle({
			   'position':'relative'
		});
					
		elms = this.getImageList();
		
		
		for(i = elms.length-1; i >= 0; i--){
			$(elms[i]).setStyle({
			   'position':'absolute',
			   top:0,
			   left:0
			});
		}
	}
}