/* built by shanghaikid
	* with mootools javascript framework 1.2b
	* 2008-5-1 *
		* jiangruiyi@gmail.com */



var DateTable = new Class({
	initialize:function(orginalData,id,fullWidth){
		this.length = orginalData.length;
		this.orginalData = orginalData;			
		this.result = [];
		this.dataContainer = $(id).getElements('span');
		this.btns = $(id).getElements('.item');
		this.bars = $(id).getElements('.bar');

		for(var i = 0; i< this.length; i++){
			this.result[i] = [];
			for(var j = 0; j< this.length; j++){
				this.result[i][j] = Math.round(100*this.orginalData[j] / this.orginalData[i]) + '%';
			}
		}	

		this.fullWidth = fullWidth;		
		var rate =fullWidth/Math.max.apply( Math, orginalData );	
		
		this.bars.each(function(bar,index){			
			bar.setStyle('width', orginalData[index]*rate);
			
		});

		var myself = this;

		
		this.btns.each(function(item,index){				
			item.addEvent('mouseenter',function(){
				item.addClass('hover');
				myself.bars[index].addClass('current');
				setTimeout('100',myself.setData(index));
				
			});
			item.addEvent('mouseleave',function(){
				item.removeClass('hover');
				myself.bars[index].removeClass('current');
				setTimeout('100',myself.reset());
			});
		});		

		this.reset();
	},

	reset:function(){
		var temp = this.orginalData;	
		this.dataContainer.each(function(item,index){			
			item.set('html',temp[index]);			
		});	
		
	},
	setData:function(id){		
		var temp = this.result;	
		this.dataContainer.each(function(item,index){			
			item.set('html',temp[id][index]);			
		});	
	}
	
});