var ecard = new Array();

var BkEcard = Class.create();
Object.extend(BkEcard.prototype, {
	initialize:function(id, handle)
	{
		this.listElements = $$('#' + id + ' li a');
		this.handle = $(handle);
		
		this.listElements.each(function(link) {
		
			Event.observe(link, 'click', function(event) {
			
				event.stop();
			
				this.listElements.each(function(links) { 
					Element.removeClassName(links, 'active'); 
					$$('.ecardImage').each(function(stage) {
						stage.hide();
					});
				});
				var element = Event.element(event);
				Element.addClassName(element, 'active');
				$('ecardImage_' + element.parentNode.id.split('_')[1]).show();
				
				this.handle.href = element.href;
				
				return false;
			
			}.bind(this));
		
		}.bind(this));
		
	}
});


Event.observe(window, 'load', function() {

	var ecardListerCounter = 0;
	$$('ul.ecardList').each(function(list) {
	
		list.id = "ecardList_" + ecardListerCounter;
		ecard[ecardListerCounter] = new BkEcard(list.id, 'nextButton');
		ecardListerCounter++;
	
	});

});