var html = document.documentElement, body = document.body;
var tempX = 0;
var tempY = 0;
var region = '';
var elem=false;

window.onload = coordXY;

	function coordXY() {	//finds #picture_head top - left corner (x and y coordinates)
		startX = document.getElementById('picture_head').offsetLeft - 8;
		startY = document.getElementById('picture_head').offsetTop - 8;
	}
	
	function events_off() {	//mouseover on #submenu
		document.onmousemove = null;
	}
	
	function events_on() {	//mouseout of #submenu
		document.onmousemove = getMouseXY;
	}
	
	function region_open(region) {	//if click on region
		if (mainLinkArray[region])
			window.location = mainLinkArray[region];
	}
	
	
	var IE = document.all?true:false;
	if (!IE) document.captureEvents(Event.MOUSEMOVE | Event.CLICK)
	document.onmousemove = getMouseXY;
	
	function getMouseXY(e) {
	if (IE) { // grab the x-y pos.s if browser is IE
		tempX = event.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0);
		tempY = event.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0);
	}
	else {  // grab the x-y pos.s if browser is NS
		tempX = e.pageX;
		tempY = e.pageY;
	}  
	
	if (tempX < 0){tempX = 0;}
	if (tempY < 0){tempY = 0;}  
	
			//--------------------------------------Slashing map on parts----------------------------------
	if (
		(tempX > startX+ 58 && tempX < startX+100 && tempY > startY+208 && tempY < startY+266)
	) {
		region = '1'; //port andratx
		posX = 85;
		posY = 220;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
	
	else if (
		(tempX > startX+100 && tempX < startX+150 && tempY > startY+ 227 && tempY < startY+299) ||
		(tempX > startX+100 && tempX < startX+110 && tempY > startY+ 217 && tempY < startY+228)
	) {
		region = '2'; //calvia peguera
		posX = 130;
		posY = 230;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
		
	else if (
		(tempX > startX+149 && tempX < startX+189 && tempY > startY+ 201 && tempY < startY+255) ||
		(tempX > startX+188 && tempX < startX+225 && tempY > startY+ 232 && tempY < startY+268) ||
		(tempX > startX+205 && tempX < startX+244 && tempY > startY+ 221 && tempY < startY+251) 
	) {
		region = '3'; //palma de mallorca
		posX = 220;
		posY = 220;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
		
	else if (
		(tempX > startX+204 && tempX < startX+218 && tempY > startY+ 168 && tempY < startY+222) ||
		(tempX > startX+187 && tempX < startX+205 && tempY > startY+ 197 && tempY < startY+228) ||
		(tempX > startX+217 && tempX < startX+238 && tempY > startY+ 192 && tempY < startY+222) ||
		(tempX > startX+237 && tempX < startX+256 && tempY > startY+ 209 && tempY < startY+222)
	) {
		region = '4'; //marratxi
		posX = 230;
		posY = 190;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
	
	else if (
		(tempX > startX+252 && tempX < startX+288 && tempY > startY+ 177 && tempY < startY+215) ||
		(tempX > startX+241 && tempX < startX+253 && tempY > startY+ 167 && tempY < startY+203) ||
		(tempX > startX+218 && tempX < startX+242 && tempY > startY+ 162 && tempY < startY+192) ||
		(tempX > startX+226 && tempX < startX+240 && tempY > startY+ 140 && tempY < startY+163)
	) {
		region = '5'; //binnisalem
		posX = 260;
		posY = 180;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
		
	else if (
		(tempX > startX+281 && tempX < startX+304 && tempY > startY+ 105 && tempY < startY+181) ||
		(tempX > startX+258 && tempX < startX+282 && tempY > startY+ 119 && tempY < startY+173) ||
		(tempX > startX+243 && tempX < startX+259 && tempY > startY+ 129 && tempY < startY+166) ||
		(tempX > startX+226 && tempX < startX+240 && tempY > startY+ 140 && tempY < startY+162)
	) {
		region = '6'; //inca
		posX = 280;
		posY = 130;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible';
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
	
	else if (
		(tempX > startX+270 && tempX < startX+378 && tempY > startY+ 33 && tempY < startY+103) || 
		(tempX > startX+302 && tempX < startX+350 && tempY > startY+102 && tempY < startY+122) ||
		(tempX > startX+302 && tempX < startX+336 && tempY > startY+121 && tempY < startY+137) ||
		(tempX > startX+302 && tempX < startX+321 && tempY > startY+136 && tempY < startY+150)
	) {
		region = '7'; //pallensa, alcudia
		posX = 340;
		posY = 70;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
		
	else if (
		(tempX > startX+110 && tempX < startX+147 && tempY > startY+167 && tempY < startY+225) || 
		(tempX > startX+146 && tempX < startX+207 && tempY > startY+111 && tempY < startY+196) ||
		(tempX > startX+206 && tempX < startX+227 && tempY > startY+ 93 && tempY < startY+156) ||
		(tempX > startX+226 && tempX < startX+247 && tempY > startY+ 83 && tempY < startY+133) ||
		(tempX > startX+246 && tempX < startX+273 && tempY > startY+ 76 && tempY < startY+113) ||
		(tempX > startX+ 97 && tempX < startX+111 && tempY > startY+192 && tempY < startY+213)
	) {
		region = '8';
		posX = 220;
		posY = 100;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
		
	else if (
		(tempX > startX+206 && tempX < startX+296 && tempY > startY+ 274 && tempY < startY+342) ||
		(tempX > startX+230 && tempX < startX+301 && tempY > startY+ 256 && tempY < startY+275) ||
		(tempX > startX+240 && tempX < startX+254 && tempY > startY+ 250 && tempY < startY+257) 
	) {
		region = '9'; //ilucmajor
		posX = 270;
		posY = 270;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
		
	else if (
		(tempX > startX+296 && tempX < startX+349 && tempY > startY+ 280 && tempY < startY+383) ||
		(tempX > startX+348 && tempX < startX+409 && tempY > startY+ 309 && tempY < startY+379)
	) {
		region = '10'; //campos, porto petro, santanyi, colonia de sant jordi
		posX = 370;
		posY = 300;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}

	else if (
		(tempX > startX+368 && tempX < startX+453 && tempY > startY+ 221 && tempY < startY+310) ||
		(tempX > startX+344 && tempX < startX+369 && tempY > startY+ 247 && tempY < startY+310) ||
		(tempX > startX+371 && tempX < startX+411 && tempY > startY+ 197 && tempY < startY+222) ||
		(tempX > startX+375 && tempX < startX+400 && tempY > startY+ 177 && tempY < startY+198)
	) {
		region = '11'; //manacor, porto colom, porto cristo
		posX = 400;
		posY = 220;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
				
	else if (
		(tempX > startX+410 && tempX < startX+461 && tempY > startY+190 && tempY < startY+220) || 
		(tempX > startX+436 && tempX < startX+476 && tempY > startY+177 && tempY < startY+191) ||
		(tempX > startX+454 && tempX < startX+488 && tempY > startY+131 && tempY < startY+178) ||
		(tempX > startX+404 && tempX < startX+417 && tempY > startY+175 && tempY < startY+203)
	) {
		region = '12'; //son servera
		posX = 450;
		posY = 160;
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
		
	else if (
		(tempX > startX+350 && tempX < startX+455 && tempY > startY+114 && tempY < startY+165) || 
		(tempX > startX+326 && tempX < startX+350 && tempY > startY+140 && tempY < startY+164) ||
		(tempX > startX+418 && tempX < startX+435 && tempY > startY+163 && tempY < startY+190)
	) {
		region = '13'; //muro, arta, can picafort
		posX = 420;
		posY = 130
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
		
	else if (
		(tempX > startX+301 && tempX < startX+348 && tempY > startY+176 && tempY < startY+281) || 
		(tempX > startX+252 && tempX < startX+302 && tempY > startY+217 && tempY < startY+257) ||
		(tempX > startX+303 && tempX < startX+317 && tempY > startY+151 && tempY < startY+177) ||
		(tempX > startX+316 && tempX < startX+336 && tempY > startY+162 && tempY < startY+177) ||
		(tempX > startX+287 && tempX < startX+302 && tempY > startY+184 && tempY < startY+218) ||
		(tempX > startX+347 && tempX < startX+372 && tempY > startY+167 && tempY < startY+248) ||
		(tempX > startX+370 && tempX < startX+400 && tempY > startY+165 && tempY < startY+177)  
	) {
		region = '14'; //algaida, porreres, petra
		posX = 350;
		posY = 180
		document.getElementById("picture").style.visibility = 'visible'; 
		document.getElementById("submenu").style.visibility = 'visible'; 
		margin = posY+'px 0 0 '+posX+'px';
		document.onclick = function () { region_open(region); };
	}
		
	else {
		document.getElementById("submenu").style.visibility = 'hidden'; 
		document.getElementById("picture").style.visibility = 'hidden'; 
		document.onclick = null;
	}
	
				//--------------------------------------Slashing map on parts end----------------------------------
				
				//--------------------------------------#submenu filling with content----------------------------------
	for (i = 1; i <= 14; i++){	
	
		if (region == i){
			dimension=0;
			document.getElementById("submenu").innerHTML = '';
			
			for ( step in mapArray ) {
				if (mapArray[step]['region'] == i){
					if (mapArray[i]){
						document.getElementById("submenu").innerHTML += '<a href = "'+mapArray[step]["link"]+'">'+mapArray[step]["title"]+'</a><br>';
					}
					
					dimension ++;
				}
			}
			
			if (document.getElementById("submenu").innerHTML == '')
				document.getElementById("submenu").style.visibility = 'hidden'; 
			
			document.getElementById("submenu").style.margin = margin;
			document.getElementById("submenu").style.borderStyle = 'solid';
			document.getElementById("picture").innerHTML = '<img src="'+image_path+'region'+i+'.png" />';
		}
		
	}
			//--------------------------------------#submenu filling with content end----------------------------------
		
        //document.Show.MouseX.value = tempX;
        //document.Show.MouseY.value = tempY;
		//document.Show.city.value = region;
    return true;
    }