var IE = {
		detect: function() {
			var ua = navigator.userAgent;
			var MSIEOffset = ua.indexOf("MSIE ");
			if (MSIEOffset == -1) {
				this.version = 0;
			} else {
				this.version = parseFloat(ua.substring(MSIEOffset + 5, ua.indexOf(";", MSIEOffset)));
			}
		},
		version: 0
	}
	IE.detect();
	
	var Flipper = Class.create({
		image: null,
		image_src: null,
		initialize: function(image) {
			
			this.mouseout.bindAsEventListener(this);
			this.mouseover.bindAsEventListener(this);
			this.click.bindAsEventListener(this);
			
			this.image = image;
			this.image_src = this.image.src;
			
			var id = this.image.id;
			var str = 'a[rel=' + id + ']';
			 
			$$(str).each(function(link) {
				Event.observe(link, 'mouseover', this.mouseover.bind(this));
				Event.observe(link, 'mouseout', this.mouseout.bind(this));
				Event.observe(link, 'click', this.click.bind(this));
			}.bind(this));
			
			Event.observe(image, 'mouseover', function() {
				if (this.image.src != this.image_src) {
					this.image.src = this.image_src;
				}
			}.bind(this));
			
		},
		mouseover: function(evt) {
			if( evt.currentTarget )
				a = evt.currentTarget;
			else a = evt.target;
			if (IE.version > 0 && a.tagName.toLowerCase() != "a") {
				a = a.parentNode;
			}
			this.image.src = a.href;
		},
		mouseout: function() {
			// this.image.src = this.image_src;
		},
		click: function(evt) {
			evt.stop();
			return false;
		}
	});