var LinkOver = {
	firstLink: false,
	oldLink: [],
	initialize: function() {
		var links = $$('a[rel="over"]');
		for (var i = 0; i < links.size(); i++) {
			Event.observe(links[i], "mouseover", LinkOver.hoverImage);
			Event.observe(links[i], "mouseout", LinkOver.realImage);
			var img = links[i].firstDescendant();
			if (img.getAttribute("alt") == "gal") {
				Event.observe(links[i], "click", LinkOver.changeImage);
			} else if (img.getAttribute("alt") == "pop") {
				Event.observe(links[i], "click", LinkOver.openPopUp);
			}
		}
	},
	hoverImage: function(event) {
		var img = Event.element(event);
		var src = img.readAttribute("src");
		var newsrc = src.replace("_abj", "_arb");
		img.writeAttribute('src', newsrc);
	},
	realImage: function(event) {
		var img = Event.element(event);
		var src = img.readAttribute("src");
		var newsrc = src.replace("_arb", "_abj");
		img.writeAttribute('src', newsrc);
	},
	changeImage: function(event) {
		Event.stop(event);
		var img = Event.element(event);
		var src = img.readAttribute('src');
		var newsrc = src.replace("_arb", "_abj");
		var link = img.parentNode;
		if (LinkOver.firstLink == false) {
			LinkOver.oldLink = [img, newsrc];
			LinkOver.firstLink = true;
		} else {
			var oldImg = LinkOver.oldLink.first();
			if (oldImg == img) {
				return false;
			}
			oldImg.writeAttribute('src', LinkOver.oldLink.last());
			Event.observe(oldImg.parentNode, 'mouseover', LinkOver.hoverImage);
			Event.observe(oldImg.parentNode, 'mouseout', LinkOver.realImage);
			LinkOver.oldLink = [img, newsrc];
		}
		Event.stopObserving(link, 'mouseover', LinkOver.hoverImage);
		Event.stopObserving(link, 'mouseout', LinkOver.realImage);
		$('holder').writeAttribute('src', link);		
	},
	openPopUp: function(event) {
		Event.stop(event);
		var a = Event.element(event).parentNode;
		window.open(a.getAttribute("href"), "popup", 'resizable=yes, width=500, height=448');
	}
};
var LinkOver2 = {
		firstLink: false,
		oldLink: [],
		initialize: function() {
			var links = $$('a[rel="over2"]');
			for (var i = 0; i < links.size(); i++) {
				Event.observe(links[i], "mouseover", LinkOver2.hoverImage);
				Event.observe(links[i], "mouseout", LinkOver2.realImage);
				var img = links[i].firstDescendant();
				if (img.getAttribute("alt") == "gal") {
					Event.observe(links[i], "click", LinkOver2.changeImage);
				} else if (img.getAttribute("alt") == "pop") {
					Event.observe(links[i], "click", LinkOver2.openPopUp);
				}
			}
		},
		hoverImage: function(event) {
			var img = Event.element(event);
			var src = img.readAttribute("src");
			var newsrc = src.replace("_abj", "_arb");
			img.writeAttribute('src', newsrc);
		},
		realImage: function(event) {
			var img = Event.element(event);
			var src = img.readAttribute("src");
			var newsrc = src.replace("_arb", "_abj");
			img.writeAttribute('src', newsrc);
		},
		changeImage: function(event) {
			Event.stop(event);
			var img = Event.element(event);
			var src = img.readAttribute('src');
			var newsrc = src.replace("_arb", "_abj");
			var link = img.parentNode;
			if (LinkOver2.firstLink == false) {
				LinkOver2.oldLink = [img, newsrc];
				LinkOver2.firstLink = true;
			} else {
				var oldImg = LinkOver2.oldLink.first();
				if (oldImg == img) {
					return false;
				}
				oldImg.writeAttribute('src', LinkOver2.oldLink.last());
				Event.observe(oldImg.parentNode, 'mouseover', LinkOver2.hoverImage);
				Event.observe(oldImg.parentNode, 'mouseout', LinkOver2.realImage);
				LinkOver2.oldLink = [img, newsrc];
			}
			Event.stopObserving(link, 'mouseover', LinkOver2.hoverImage);
			Event.stopObserving(link, 'mouseout', LinkOver2.realImage);
			$('holder2').writeAttribute('src', link);		
		},
		openPopUp: function(event) {
			Event.stop(event);
			var a = Event.element(event).parentNode;
			window.open(a.getAttribute("href"), "popup", 'resizable=yes, width=500, height=448');
		}
	};
Event.observe(window, "load", LinkOver.initialize);
Event.observe(window, "load", LinkOver2.initialize);