var recentList = Class.create({
	initialize: function(id) {
		this.id=id;
		var i = 0;
		var len = $$('#'+id+' li').length;
		$$('#'+id+' li').each(function(elm){
			elm.id = id+'li'+i;
			var current = (elm.hasClassName('current'))?true:false;
			var h3 = elm.down('h3');
			var h3Text = this.getText(h3);
			var h4 = new Element('h4').update(h3Text);
			//console.log(h4.innerHTML);
			elm.insert(h4);
			i++;
			
			if(i==len) elm.addClassName('lastChild');
			Event.observe(elm, 'mouseover', function(evt){
				if(!elm.hasClassName('current'))
					this.setActive(elm.id);
			}.bind(this));
			
			if(i==1) {
				this.setActive(elm.id);
			}
		}.bind(this));
	},
	getText: function(elm){
		if(Prototype.Browser.IE){
			//console.log('IE:'+elm.innerText);
			return elm.innerText;
		}else{
			//console.log('Moz:'+elm.textContent);
			return elm.textContent;
		}
	},
	setActive: function(id){
		elm = $(id);
	
		elm.siblings().each(function(e){
			if(e.hasClassName('current')){
				e.removeClassName('current');
			}
		});
		elm.addClassName('current');
		//console.log(elm.down('img').src, $(this.id).style.backgroundImage);
		$(this.id).setStyle({backgroundImage:'url('+elm.down('img').src+')'});
	}
});