window.addEvent("domready", function(){
	var target = $("infotarget");
	if (target != null) {
		var imgTarget = $("banner");
		var initialInfo = target.get("html");
		var initialImg = imgTarget.get("html");
	
		var projects = $("main").getElements(".project");
		projects.each(function(el){
			var id = el.get("id").substring(1);
			el.addEvent("mouseenter", function(){showInfo(id, target, imgTarget);});
			el.addEvent("mouseleave", function(){
				target.set("html", initialInfo);
				imgTarget.set("html", initialImg);
			});
		});
	}
});

var showInfo = function (id, target, imgTarget) {
	var url = base_url+"prosjektinfo/";
	
	try {
		new Request.HTML({url: url, onSuccess: function(r1, r2, text, r4) {
			target.empty();
			var div = new Element("div", {html: text});
			div.inject(target);
		}}).get({"id": id});
		new Request.HTML({url: url, onSuccess: function(r1, r2, text, r4) {
			if (text.length > 0) {
				var imgtag = new Element("img", {src: text, alt: ""});
				imgTarget.empty();
				imgtag.inject(imgTarget);
			}
		}}).get({"id": id, "display": "bannerimg"});
	}
	catch (e) {
		alert(e);
	}
}