﻿function mapLinkMouseOver(id1,id2,numL){
	document.getElementById(id1).className=document.getElementById(id1).className+'h';
	document.getElementById(id2).style.display='block';
	numLink=countries[numL]['region'];
	document.getElementById('idActRegion').innerHTML='<div style="position:absolute; width:'+regions[numLink]['width']+'px; height:'+regions[numLink]['height']+'px; top:'+regions[numLink]['top']+'px; left:'+regions[numLink]['left']+'px; background:url(images/map.jpg) no-repeat -'+regions[numLink]['image_left']+'px -'+regions[numLink]['image_top']+'px"></div>';
	if(navigator.appName=="Microsoft Internet Explorer"){
		document.getElementById('idLink'+numL).className='link linkH';
	}
}

function mapLinkMouseOut(id1,id2,numL){
	document.getElementById(id1).className=document.getElementById(id1).className.substring(-1,document.getElementById(id1).className.length-1);
	document.getElementById(id2).style.display='none';
	document.getElementById('idActRegion').innerHTML='';
	if(navigator.appName=="Microsoft Internet Explorer"){
		document.getElementById('idLink'+numL).className='link';
	}
}

var maxcounter=0;
var counter=0;
		
function loadingMap(){
	var d=document; 
	if(d.images){ 
		if(!d.MM_p) 
			d.MM_p=new Array();
    	var i,j=d.MM_p.length,a=loadingMap.arguments; 
		maxcounter=a.length;
		for(i=0; i<a.length; i++)
    		if (a[i].indexOf("#")!=0){ 
				d.MM_p[j]=new Image; 
				d.MM_p[j].src=a[i];
				if(navigator.appName=="Microsoft Internet Explorer"){
					d.MM_p[j++].onLoad=imageLoad();
				}else{
					d.MM_p[j++].onload=imageLoad;
				}
			}
	}
}

function imageLoad(){
	counter++;
	if(counter==maxcounter){
		document.getElementById('load').style.display='none';
		document.getElementById('map').style.display='block';
		startMap();
	}
}

function startMap(){
	var i=0;
	var txt1='<div id="idActRegion"></div>';
	var txt2='';
	var txt3='';
	var txt4='';
	for(i=0; i<countries.length; i++){
		if(countries[i]['link']!='none'){
			txt2='<a href="'+countries[i]['link']+'" onmouseover="mapLinkMouseOver(\'idCircle'+i+'\',\'idPopUp'+i+'\','+i+');" onmouseout="mapLinkMouseOut(\'idCircle'+i+'\',\'idPopUp'+i+'\','+i+');">';
			txt3='</a>';
		}
		txt4+='<div id="idLink'+i+'" class="link" style="top:'+countries[i]['link_position_top']+'px; left:'+countries[i]['link_position_left']+'px;"><div id="idCircle'+i+'" class="circle'+countries[i]['link_type_level']+'" style="top:auto; left:auto; right:auto; bottom:auto;"></div><div id="idPopUp'+i+'" class="popUp" style="left:auto; right:auto; bottom:auto; top:auto; width:'+countries[i]['pop_up_width']+'px;"><div id="idPopUpInner'+i+'" style="width:'+(countries[i]['pop_up_width']-16)+'px; ">'+countries[i]['pop_up_text']+'</div></div>'+txt2+countries[i]['name']+txt3+'</div>'
		txt2='';
		txt3='';
	}
	document.getElementById('map').innerHTML=txt1+txt4;
	for(i=0; i<countries.length; i++){
		var x=0;
		if(countries[i]['link_back_pos']=='top'){
			document.getElementById('idCircle'+i).style.left=(document.getElementById('idLink'+i).clientWidth)/2-(countries[i]['link_type_level']*2+5)/2+'px';
			document.getElementById('idCircle'+i).style.top='0px';
		}
		if(countries[i]['link_back_pos']=='bottom'){
			document.getElementById('idCircle'+i).style.left=(document.getElementById('idLink'+i).clientWidth)/2-(countries[i]['link_type_level']*2+5)/2+'px';
			document.getElementById('idCircle'+i).style.bottom='0px';
		}
		if(countries[i]['link_back_pos']=='left'){
			document.getElementById('idCircle'+i).style.left='0px';
			document.getElementById('idCircle'+i).style.top=(12-countries[i]['link_type_level']*2+5)/2+7+'px';
		}
		if(countries[i]['link_back_pos']=='right'){
			document.getElementById('idCircle'+i).style.right='0px';
			document.getElementById('idCircle'+i).style.top=(12-countries[i]['link_type_level']*2+5)/2+7+'px';
		}
		if(countries[i]['pop_up_position_x']=='left'){
			document.getElementById('idPopUp'+i).style.right=(document.getElementById('idLink'+i).clientWidth)/2+'px';
		}
		if(countries[i]['pop_up_position_x']=='right'){
			document.getElementById('idPopUp'+i).style.left=(document.getElementById('idLink'+i).clientWidth)/2+'px';
		}
		if(countries[i]['pop_up_position_y']=='top'){
			if(countries[i]['link_back_pos']!='top'){
				document.getElementById('idPopUp'+i).style.bottom=35+'px';
			}else{
				document.getElementById('idPopUp'+i).style.bottom=45+'px';
			}
		}
		if(countries[i]['pop_up_position_y']=='bottom'){
			if(countries[i]['link_back_pos']!='bottom'){
				document.getElementById('idPopUp'+i).style.top=35+'px';
			}else{
				document.getElementById('idPopUp'+i).style.top=45+'px';
			}
		}
	}
}
