﻿function hasClass(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

function addClass(ele,cls) {
	if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}

function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
    	var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}

function onMouseOverTR() {
	addClass(this, "mouseover");
	re = /^(.+)@(.*)$/;
	var test = re.exec(this.id);
	if (test) {
		document.getElementById('map').src='/__/frontend/handler/image.php?id=350:31/' + test[1] + '&type=32';
	}
}

function preloadImage( node ) {
	re = /^(.+)@(.*)$/;
	var test = re.exec(node.id);
	if (test) {
		var img = new Image();
		img.src = '/__/frontend/handler/image.php?id=350:31/' + test[1] + '&type=32';
	}
}

function onMouseOutTR() {
	removeClass(this, "mouseover");
	document.getElementById('map').src=MouseOutImage;
}

function onMouseClick() {
	re = /^(.*)@(.+)$/;
	var test = re.exec(this.id);
	if (test) {
		window.open('/__/frontend/handler/document.php?id=108:41/' + test[2] + '&type=42','','height=600,width=800,resizable=yes');
	}
}

function setEvents() {
	var wohnungen = document.getElementById("wohnungen");
	if (wohnungen) {
		var trs = wohnungen.getElementsByTagName("div");
		for (i = 0; i < trs.length; i++) {
			if (trs[i].className.match(/^tr wohnung/)) {
				trs[i].onmouseover = onMouseOverTR;
				trs[i].onmouseout  = onMouseOutTR;
				trs[i].onclick = onMouseClick;
				preloadImage(trs[i]);
			}
		}
	}
}

function initPage() {
	MouseOutImage = '/__/frontend/handler/image.php?id=349&type=32';
	setEvents();
	document.getElementById('map').src=MouseOutImage;
}


