var cheapo=cheapo||{};

/*@cc_on
cheapo.ie = true;
@*/

cheapo.$ = function (id) { return document.getElementById(id); };

cheapo.addListener = function (element, event, func) {
	var handler = function (e) {
		if (!e) { var e = window.event; }
		if (!e.target) { e.target = e.srcElement; }
		e.stop = function () {
			e.cancelBubble = true;
			e.returnValue = false;
			e.stopPropagation && e.stopPropagation();
			e.preventDefault && e.preventDefault();
		};
		return func.call(cheapo.ie ? e.target : this, e);
	};
	cheapo.ie ? element.attachEvent('on' + event, handler) : element.addEventListener(event, handler, false);
}


cheapo.thumbs = {
	init: function (c) {
		this.ul = cheapo.$('pictures-ul')
		if (!this.ul) { return; }
		this.current = this.ul.getElementsByTagName('img')[0];
		this.image = cheapo.$('pictures-image');
		
		var self = this;
		
		var ulClick = function (e) {
			var t = e.target;
			if (t && t.tagName.toLowerCase() == 'img') {
				self.load(t);
			}
		};
		
		cheapo.addListener(this.ul, 'click', ulClick);
	},
	load: function (a) {
		if (this.loading) { return false; }
		this.loading = true;
		var a = a;
		var self = this;
		var src = a.getAttribute('rel');
		var i = (new Image());
		i.onload = function () {
			self.image.src = src;
			self.current.className = '';
			self.current = a;
			a.className = 'active';
			self.loading = false;
		};
		i.src = src;
	}
}