var _X;
var _Y;
var _pX;
var _pY;
var listcond=false;

var hidelistTimer;

Event.observe(window, 'load', initm, false);

function mouseXY(e) {
	var x = 0, y = 0;

	if (!e) e = window.event;

	if (e.pageX || e.pageY) {
		x = e.pageX;
		y = e.pageY;
	}
	else if (e.clientX || e.clientY) {
		x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
		y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
	}
	return {"x":x, "y":y};
}

var rnode;

function initm () {
	Event.observe(document,'mousemove',_XY);
	Event.observe($('list'),'mouseover',listactive);
	Event.observe($('list'),'mouseout',listnoactive);
	Event.observe(document,'click',hlist);

	pngs = document.getElementsByClassName('salons')[0].getElementsByClassName('png');
	
	for (i=0; i<pngs.length; i++) {
		pngs[i].parentNode.onmouseover = function () {
			if (Prototype.Browser.IE) this.getElementsByTagName('img')[1].runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imgs/salon2.png',sizingMethod='scale')";
			else this.getElementsByTagName('img')[1].src="/imgs/salon2.png";
			this.getElementsByTagName('span')[0].style.display="inline";
		}
		pngs[i].parentNode.onmouseout = function () {
			if (Prototype.Browser.IE) this.getElementsByTagName('img')[1].runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imgs/salon.png',sizingMethod='scale')";
			else this.getElementsByTagName('img')[1].src="/imgs/salon.png";
			this.getElementsByTagName('span')[0].style.display="none";
		}
	}

	Event.observe($('list'),'mouseout',listnoactive);

	links=$('maps').getElementsByTagName('a');

	for (i=0; i<links.length; i++) {
		links[i].onmouseover = function () {
			if (this.parentNode.tagName!=('LI')) {
				this.parentNode.getElementsByTagName('img')[0].style.filter='alpha(opacity=100)';
				this.parentNode.getElementsByTagName('img')[0].style.MozOpacity=1;
				this.parentNode.getElementsByTagName('img')[0].style.KhtmlOpacity=1;
				this.parentNode.getElementsByTagName('img')[0].style.opacity = 1;
				this.parentNode.getElementsByTagName('a')[1].style.textDecoration="none";
			}
		}
		links[i].onmouseout = function () {
			if (this.parentNode.tagName!=('LI')&&this.parentNode.className!="active") {
				this.parentNode.getElementsByTagName('img')[0].style.filter='alpha(opacity=0)';
				this.parentNode.getElementsByTagName('img')[0].style.MozOpacity=0;
				this.parentNode.getElementsByTagName('img')[0].style.KhtmlOpacity=0;
				this.parentNode.getElementsByTagName('img')[0].style.opacity = 0;
				this.parentNode.getElementsByTagName('a')[1].style.textDecoration="underline";
			}
		}
		links[i].onmousedown =function () {
			Event.stopObserving(document,'click',hlist);
		}
		links[i].onmouseup =function () {
			Event.observe(document,'click',hlist);
		}
		if (links[i].href.endsWith('#')) {
			links[i].onclick = function () {
				//alert(this.parentNode.id);
				rnode = this;
				new Ajax.Request('/ajax/salones/', {
					method: 'get',
					parameters: {
						region: this.parentNode.id,
						action: 'list'
					},
					onSuccess: function(transport) {
						//alert(rnode.nodeName);
						$('list').innerHTML = transport.responseText;

						clearTimeout (hidelistTimer);
						listcond=true;

						try {dx=rnode.parentNode.getElementsByTagName('a')[1].getDimensions().width}
						catch(err) {
							try {dx=rnode.parentNode.getElementsByTagName('a')[1].offsetWidth}
							catch(err) {
								dx=25;
							}
						}

						x=parseInt(rnode.parentNode.getElementsByTagName('a')[1].style.left)+dx;
						y=parseInt(rnode.parentNode.getElementsByTagName('a')[1].style.top)+12;

						$('pointer').style.left=x+'px';
						$('pointer').style.top=y+'px';
						$('pointer').style.display="block";

						$('list').style.left=x-6+'px';
						$('list').style.top=y+7+'px';
						$('list').style.display="block";

				if (Prototype.Browser.IE) {
					if (parseInt($('list').offsetHeight)>200) {
						$('list').style.height = "200px";
					}
					else {
						$('list').style.height = "auto";
					}
				}

					/*	$('pointer').style.left=_pX+5+'px';
						$('pointer').style.top=_pY+10+'px';
						$('pointer').style.display="block";

						$('list').style.left=_pX-2+'px';
						$('list').style.top=_pY+17+'px';
						$('list').style.display="block";
					*/
						clearTimeout (hidelistTimer);
						hidelistTimer = setTimeout("hidelist()",4000);

						return false;
					}
				});
				return false;
			}
		}
	}

}

function hidelist () {
	clearTimeout (hidelistTimer);
	if (listcond==false) {
		$('pointer').style.display="none";
		$('list').style.display="none";
	}
	else {
		listcond=false;
		clearTimeout (hidelistTimer);
		hidelistTimer = setTimeout("hidelist()",4000);
	}
}

function listactive () {
	listcond=true;
}
function listnoactive () {
	listcond=false;
}
function _XY (e) {
	_X=mouseXY(e).x-parseInt(e.offsetX||e.layerX)-11;
	_Y=mouseXY(e).y-parseInt(e.offsetY||e.layerY);
}
function _pointer (e) {
	_pX=mouseXY(e).x;
	_pY=mouseXY(e).y;
}

function eventID(eve) {
	try {ev=eve.target.id;}
	catch (er) {
		eve=event;
		ev=eve.srcElement.id;
	}
	return ev;
}
function hlist () {
	clearTimeout (hidelistTimer);
	hidelist ();
}