window.addEvent('domready', function() {
	var imgElement = $$('#imgDisplay .set');
	var lnkElement = $$('#thumbnail ul a');
	
	imgElement.forEach(function(item,index) {
		if (index != 0) {
			item.set('opacity',0);
		}
		
		item.setStyles({'display' : 'block'});
	});
	
	lnkElement.each(function(item, index){
    	item.addEvent('click', function(e) {
			lnkElement.forEach(function(item,linkIndex) {
				if(index == linkIndex)
					item.addClass("active");
				else
					item.removeClass("active");
			});
			
			imgElement.each(function(itemImg, indexImg){
				e.stop();
				if(index == indexImg)
					itemImg.get('tween',{property: 'opacity'}).start(1);
				else
					itemImg.get('tween',{property: 'opacity'}).start(0);
			});
		});
	});
});