var CtQuickPreview = Class.create({

	element: null,
	image: null,

	initialize: function(htmlElement) {
		this.element = $(htmlElement);
		this.image = this.element.down('.ctQuickPreview-full');

		var thumbs = this.element.select('.ctQuickPreview-thumb')

		for (var i = 0; i < thumbs.length; i++) {
			var src = thumbs[i].readAttribute('rel');
			thumbs[i].writeAttribute('rel', null);
			thumbs[i].observe('click', this.loadImage.bindAsEventListener(this, src));
		}

	},

	loadImage: function(event, src) {
		Event.stop(event);
		this.image.src = src;
	}

});



var CtAjaxLink_Factory = new (Class.create({
	initialize: function() {
		Event.observe(document, 'dom:loaded', function() { this.refresh() }.bind(this));
	},

	refresh: function(htmlElement) {
		var elements = [];
		if (htmlElement) {
			elements = $(htmlElement).select('.ctQuickPreview');
		} else {
			elements = $$('.ctQuickPreview');
		}
		for (var i = 0; i < elements.length; i++) {
			elements[i].removeClassName('ctQuickPreview');
			new CtQuickPreview(elements[i]);
		}
	}
}));

CtPage.registerScript("CtQuickPreview");