var ThumBar = Class.create();
ThumBar.prototype = {
	
	path: '/',
	thumbsPlace: 'thumbs',
	imgPlace: 'postthumbs',
	subtitlePlace: 'postlegenda',
	active: false,
	
	
	initialize: function(path) {
		if(path) this.path = path;
		this.thumbs = $(this.thumbsPlace).getElementsByTagName('a');

		this.mount();

		$(this.imgPlace).innerHTML = '<div id="placeimg"></div>';

	},
	
	mount: function(){
		for(i=0;i<this.thumbs.length;i++) {
			var a = this.thumbs[i];
			if(i == 0) {
				var initial = a;
			}
			var src = a.getAttribute('href');
			a.innerHTML = '<img src="'+src+'" border="0" />';
			//a.setAttribute('href', 'javascript:void(0);');
			a.removeAttribute('href');
		}
	},	
	
	show: function(element, img, subtitle) {
		
		if(typeof(element) == 'string') element = $(element);
		
		$('placeimg').setStyle({display: 'none'});
		
		Effect.Appear('placeimg', { duration: 1 });
		
		var st = subtitle.replace(/<br>/i,"\n\r");
		
		$('placeimg').innerHTML = '<img src="'+this.path+img+'" title="'+st+'"/>';
	
		this.deactive();
		element.className = 'on';
		
		$(this.subtitlePlace).innerHTML = '<span>'+subtitle+'</span>';
		
	},
	
	deactive: function() {
		for(i=0;i<this.thumbs.length;i++) {
			this.thumbs[i].className = 'off';	
		}
	}
}