ThumbAction = Class.create();

ThumbAction.prototype = ({ 
	initialize: function(element) { 
		this.element = $(element);
		this.initEventHandlers();
	},

	initEventHandlers: function() {
		this.handler = this.handleClick.bind(this);		
		this.element.observe('click', this.handler);		
	},
	
	handleClick: function(e) {
		var element = e.element();
		var actdiv = '';
		var vsdiv = '';
		var acls = element.up('a').readAttribute('class');
		
		$$('div#left div').each(function(dv) {
			if (dv.hasClassName(acls)) actdiv = dv;
		});
		
		$$('div.active').each(function(da) {
			vsdiv = da; 
		});
		
		if (!actdiv.hasClassName('active')) {
		
			vsdiv.removeClassName('active');
			actdiv.addClassName('active');
			
			new Effect.Fade(vsdiv, {
				duration: 1.0,
				from: 1.0,
				to: 0.0
			});
			new Effect.Appear(actdiv, {
				duration: 1.0,
				from: 0.0,
				to: 1.0
			});
			
		}
		
		Event.stop(e);
	}
			
});

document.observe('dom:loaded', function() {
	$$('#thumbnails li a').each(function(thumbaction) {new ThumbAction(thumbaction); });
	//var thumbactions = new ThumbActions($('thumbnails'));
})