var mouseX, mouseY;

if (navigator.appName.indexOf("Microsoft") > -1) {
	document.onmousemove = function() {
		mouseX = event.clientX + document.body.scrollLeft;
		mouseY = event.clientY + document.body.scrollTop + 595;
	}
} else {
	document.onmousemove = function(e) {
		mouseX = e.pageX + document.body.scrollLeft;
		mouseY = e.pageY + document.body.scrollTop;
	}
}

function initMap() {
	var map = document.getElementById("mapa");
	var ie = navigator.appName.indexOf("Microsoft") > -1;
	var bubble = document.createElement("div");
	bubble.style.visibility = "hidden";
	bubble.style.position = "absolute";
	bubble.className = "bublina";
	map.appendChild(bubble);
	map.bubble = bubble;
	
	var buttons = new Array();
	for (var i = 0; i < 4; i++) {
		buttons[i] = document.createElement("div");
		buttons[i].style.position = "relative";
		buttons[i].style.width = "12px";
		buttons[i].style.height = "12px";
		buttons[i].style.overflow = "hidden";
		buttons[i].style.cursor = "pointer";
		//buttons[i].style.backgroundColor = "#ff0000";
		buttons[i].style.backgroundImage = "url('neexistujiciobrazek.jpg')";
		if (ie) {
			buttons[i].style.filter = "alpha(opacity=0)";
		} else {
			buttons[i].style.opacity = 0;
		}
		buttons[i].onclick = function() {
			window.open(this.link);
		}
		buttons[i].onmouseover = function() {
			this.parentNode.bubble.innerHTML = this.bubbleContent;
			this.parentNode.bubble.style.visibility = "visible";
			this.parentNode.bubble.style.top = mouseY + (ie ? -80 : 0) + "px";
			this.parentNode.bubble.style.left = mouseX + (ie ? -60 : -300) + "px";
		}
		buttons[i].onmouseout = function() {
			this.parentNode.bubble.style.visibility = "hidden";
		}
	}
	
	buttons[1].style.left = "139px";
	buttons[1].style.top = ie ? "-263px" : "-266px";
	buttons[1].link = "http://www.mapy.cz/#x=132407716@y=136206432@z=16@mm=ZP@sa=s@st=s@ssq=Dubsk%C3%A1%20243,%20kladno,%20AC%20Steel%20a.s.@sss=1@ssp=132401172_136202312_132414260_136212976";
	buttons[1].bubbleContent = "<strong>Sklad Kladno</strong><br />průmyslový areál Sochorové válcovny TŽ, a.s.<br /> 272 01, Kladno";
	buttons[2].style.left = "300px";
	buttons[2].style.top = ie ? "-194px" : "-196px";
	buttons[2].bubbleContent = "<strong>Sklad Kroměříž</strong> <br />Hulínská 4<br />767 53, Kroměříž";
	buttons[2].link = "http://www.mapy.cz/#x=139986747@y=133246876@z=16@mm=ZP@sa=s@st=s@ssq=Hul%C3%ADnsk%C3%A1%204@sss=1@ssp=132326014_136446623_132346878_136462503";
	buttons[3].style.left = "364px";
	buttons[3].style.top = ie ? "-253px" : "-256px";
	buttons[3].link = "http://www.mapy.cz/#x=142684480@y=134947456@z=15@mm=ZP@sa=s@st=s@ssq=%20Strojnick%C3%A1%20374@sss=1@ssp=139976315_133241428_139997179_133257308";
	buttons[3].bubbleContent = "<strong>Sklad Český Těšín</strong><br /> Strojnická 374<br /> 735 62, Český Těšín";
	buttons[0].style.left = "387px";
	buttons[0].style.top = ie ? "-168px" : "-171px";
	buttons[0].link = "../images/mapo.jpg";
	buttons[0].bubbleContent = "<strong>AC Steel s.r.o</strong> <br />Na stanicu 969/26C<br /> 010 09 Žilina<br /> Slovenská republika";
	
	if (ie)
		for (var i = 0; i < 4; i++) {
			buttons[i].style.left = parseInt(buttons[i].style.left) + 'px';
			buttons[i].style.top = parseInt(buttons[i].style.top) + 'px';
		}
	
	for (var i = 0; i < 4; i++)
		map.appendChild(buttons[i]);
}

function getPosition(elm) {
	pos = [0, 0];
	while (elm != null) {
		pos[0] += elm.offsetLeft;
		pos[1] += elm.offsetTop;
		elm = elm.offsetParent;
	}
	return pos;
}