function showDiv (cityNum, e)
{
	var tempX = 0;
	var tempY = 0;
	
	if (document.documentElement && document.documentElement.scrollTop) {
		theLeft = document.documentElement.scrollLeft;
		theTop = document.documentElement.scrollTop;
	} else {
		theLeft = document.body.scrollLeft;
		theTop = document.body.scrollTop;
	}
	
	tempX = e.clientX + theLeft + 5;
	tempY = e.clientY + theTop - 25;

	if (tempX < 0) tempX = 0;
	if (tempY < 0) tempY = 0;
	if (tempX > document.body.clientWidth - 40) tempX -= 40;
	if (tempY > document.body.clientHeight - 40) tempY -= 10;
	
	document.getElementById('city2').style.visibility = "";
	document.getElementById('city2').style.left = String(tempX - 50)+"px";
	document.getElementById('city2').style.top  = String(tempY)+"px";

// Define city Array
	var city = new Array ();

	city [1] = '<span class="gray">Gando</span>';
	city [2] = 'Marakan';
	city [3] = '<span class="gray">Arasbaran</span>';
	city [4] = 'Lisar';
	city [5] = '<span class="gray">Sorkhabad</span>';
	city [6] = '<span class="gray">Gashte-e Rudkhan & Siah</span>';
	city [7] = 'Anguran';
	city [8] = 'Alborz-e Markazi';
	city [9] = '<span class="gray">Ors-e Sistan</span>';
	city [11] = '<span class="gray">Bagh-e Keshmir</span>';
	city [12] = '<span class="gray">Kavir</span>';
	city [13] = '<span class="gray">Touran</span>';
	city [14] = '<span class="gray">Ghalajeh</span>';
	city [15] = '<span class="gray">Manesht & Ghelarang</span>';
	city [16] = '<span class="gray">Sefid Kuh</span>';
	city [17] = '<span class="gray">Oshtoran Kuh</span>';
	city [18] = '<span class="gray">Kabir & Dinar Kuh</span>';
	city [19] = '<span class="gray">Sabzkuh & Helen</span>';
	city [20] = '<span class="gray">Siah Kuh</span>';
	city [21] = '<span class="gray">Kheez & Sorkh<br />Khamin & Dil</span>';
	city [22] = 'Dena';
	city [23] = 'Kalmand';
	city [24] = 'Kuh-e Bafgh';
	city [25] = '<span class="gray">Heleh</span>';
	city [26] = '<span class="gray">Arjan & Parishan</span>';
	city [27] = '<span class="gray">Maleh Galeh</span>';
	city [28] = '<span class="gray">Bahram-e Gur</span>';
	city [29] = '<span class="gray">Mond</span>';
	city [30] = '<span class="gray">Seraj</span>';
	city [31] = 'Hormod & Geno';
	city [32] = '<span class="gray">Hara</span>';
    city [33] = '<span class="gray">Kuh-e Puzak</span>';
    city [34] = '<span class="gray">Kuh-e Birk</span>';
    city [35] = '<span class="gray">Hamoun</span>';
    city [36] = '<span class="gray">Kiamaky</span>';
    city [37] = 'Anguran';
    city [38] = '<span class="gray">Bisotun</span>';
    city [39] = '<span class="gray">Jusb<br />Mooteh</span>';
    city [40] = '<span class="gray">Ghamishlou</span>';
    city [41] = '<span class="gray">Shadegan</span>';
    city [42] = '<span class="gray">Naybandan</span>';
    city [43] = '<span class="gray">Dareh Anjir & Neibaz</span>';
    city [44] = '<span class="gray">Touran</span>';
    city [45] = '<span class="gray">Miankaleh</span>';
    city [46] = '<span class="gray">Khoshyeylagh</span>';
    city [47] = '<span class="gray">Miandasht</span>';
    city [48] = '<span class="gray">Heidary</span>';
    city [49] = '<span class="gray">Urumieh Lake</span>';
    city [50] = '<span class="gray">Kavir</span>';
    city [51] = '<span class="gray">Kolahghazi</span>';
    city [52] = '<span class="gray">Bamou</span>';
    city [53] = '<span class="gray">Bakhtegan</span>';
    city [54] = '<span class="gray">Nayband</span>';
    city [55] = '<span class="gray">Khabr</span>';
    city [56] = '<span class="gray">Paband</span>';
    city [57] = '<span class="gray">Golestan</span>';
    city [58] = '<span class="gray">Tandoureh</span>';
    city [59] = '<span class="gray">Touran</span>';
    city [60] = '<span class="gray">Bakhtegan</span>';
    city [61] = '<span class="gray">Bakhtegan</span>';
    city [62] = '<span class="gray">Sabalan Peak</span>';
    city [63] = '<span class="gray">Sahulan Cave</span>';
    city [64] = '<span class="gray">Yakhkan Cave</span>';
    city [65] = '<span class="gray">Sarv-e Harzevil</span>';
    city [66] = '<span class="gray">Susan-e Sefid</span>';
    city [67] = '<span class="gray">Khoshkedaran</span>';
    city [68] = '<span class="gray">Alamkuh Peaks</span>';
    city [69] = '<span class="gray">Damavand Peak</span>';
    city [70] = '<span class="gray">Ghuri Ghaleh Cave</span>';
    city [71] = '<span class="gray">Dehloran</span>';
    city [72] = '<span class="gray">Laleh-e Vajgun</span>';
    city [73] = '<span class="gray">Sarv-e Abarkuh</span>';
    city [74] = '<span class="gray">Khersin salt domes</span>';
    city [75] = '<span class="gray">Pirgel Mud Spring</span>';
    city [76] = '<span class="gray">Taftan Peak</span>';
    city [77] = '<span class="gray">Touran</span>';
    city [78] = 'Haftad Gholleh';
    city [79] = 'Varjin';
    city [80] = 'Sarigol';
    city [81] = 'Salouk';
    city [82] = 'Parvar';
    city [83] = 'Bashgol';
    city [84] = 'Lashgardar';
    city [85] = 'Khangormoz';
    city [86] = 'Tang-e Sayad';
    city [100] ='Sepidar International Hotel';
    


// Change Contents of city
	cityNum = cityNum.toLowerCase ();
	switch (cityNum)
	{
		case '1':
			document.getElementById('city2').innerHTML = city [1];
			break;
		case '2':
			document.getElementById('city2').innerHTML = city [2];
			break;
		case '3':
			document.getElementById('city2').innerHTML = city [3];
			break;
		case '4':
			document.getElementById('city2').innerHTML = city [4];
			break;
		case '5':
			document.getElementById('city2').innerHTML = city [5];
			break;
		case '6':
			document.getElementById('city2').innerHTML = city [6];
			break;
		case '7':
			document.getElementById('city2').innerHTML = city [7];
			break;
		case '8':
			document.getElementById('city2').innerHTML = city [8];
			break;
		case '9':
			document.getElementById('city2').innerHTML = city [9];
			break;
		case '10':
			document.getElementById('city2').innerHTML = city [10];
			break;	
		case '11':
			document.getElementById('city2').innerHTML = city [11];
			break;		
		case '12':
			document.getElementById('city2').innerHTML = city [12];
			break;		
		case '13':
			document.getElementById('city2').innerHTML = city [13];
			break;		
		case '14':
			document.getElementById('city2').innerHTML = city [14];
			break;		
		case '15':
			document.getElementById('city2').innerHTML = city [15];
			break;		
		case '16':
			document.getElementById('city2').innerHTML = city [16];
			break;		
		case '17':
			document.getElementById('city2').innerHTML = city [17];
			break;				
		case '18':
			document.getElementById('city2').innerHTML = city [18];
			break;				
		case '19':
			document.getElementById('city2').innerHTML = city [19];
			break;				
		case '20':
			document.getElementById('city2').innerHTML = city [20];
			break;				
		case '21':
			document.getElementById('city2').innerHTML = city [21];
			break;				
		case '22':
			document.getElementById('city2').innerHTML = city [22];
			break;				
		case '23':
			document.getElementById('city2').innerHTML = city [23];
			break;				
		case '24':
			document.getElementById('city2').innerHTML = city [24];
			break;				
		case '25':
			document.getElementById('city2').innerHTML = city [25];
			break;				
		case '26':
			document.getElementById('city2').innerHTML = city [26];
			break;				
		case '27':
			document.getElementById('city2').innerHTML = city [27];
			break;				
		case '28':
			document.getElementById('city2').innerHTML = city [28];
			break;				
		case '29':
			document.getElementById('city2').innerHTML = city [29];
			break;				
		case '30':
			document.getElementById('city2').innerHTML = city [30];
			break;			
		case '31':
			document.getElementById('city2').innerHTML = city [31];
			break;				
		case '32':
			document.getElementById('city2').innerHTML = city [32];
			break;				
		case '33':
			document.getElementById('city2').innerHTML = city [33];
			break;				
		case '34':
			document.getElementById('city2').innerHTML = city [34];
			break;				
		case '35':
			document.getElementById('city2').innerHTML = city [35];
			break;				
		case '36':
			document.getElementById('city2').innerHTML = city [36];
			break;				
		case '37':
			document.getElementById('city2').innerHTML = city [37];
			break;			
		case '38':
			document.getElementById('city2').innerHTML = city [38];
			break;				
		case '39':
			document.getElementById('city2').innerHTML = city [39];
			break;				
		case '40':
			document.getElementById('city2').innerHTML = city [40];
			break;				
		case '41':
			document.getElementById('city2').innerHTML = city [41];
			break;				
		case '42':
			document.getElementById('city2').innerHTML = city [42];
			break;				
		case '43':
			document.getElementById('city2').innerHTML = city [43];
			break;
		case '44':
			document.getElementById('city2').innerHTML = city [44];
			break;
		case '45':
			document.getElementById('city2').innerHTML = city [45];
			break;
		case '46':
			document.getElementById('city2').innerHTML = city [46];
			break;
		case '47':
			document.getElementById('city2').innerHTML = city [47];
			break;
		case '48':
			document.getElementById('city2').innerHTML = city [48];
			break;
		case '49':
			document.getElementById('city2').innerHTML = city [49];
			break;
		case '50':
			document.getElementById('city2').innerHTML = city [50];
			break;
		case '51':
			document.getElementById('city2').innerHTML = city [51];
			break;
		case '52':
			document.getElementById('city2').innerHTML = city [52];
			break;
		case '53':
			document.getElementById('city2').innerHTML = city [53];
			break;
		case '54':
			document.getElementById('city2').innerHTML = city [54];
			break;
		case '55':
			document.getElementById('city2').innerHTML = city [55];
			break;
		case '56':
			document.getElementById('city2').innerHTML = city [56];
			break;
		case '57':
			document.getElementById('city2').innerHTML = city [57];
			break;
		case '58':
			document.getElementById('city2').innerHTML = city [58];
			break;
		case '59':
			document.getElementById('city2').innerHTML = city [59];
			break;
		case '60':
			document.getElementById('city2').innerHTML = city [60];
			break;
		case '61':
			document.getElementById('city2').innerHTML = city [61];
			break;
		case '62':
			document.getElementById('city2').innerHTML = city [62];
			break;
		case '63':
			document.getElementById('city2').innerHTML = city [63];
			break;
		case '64':
			document.getElementById('city2').innerHTML = city [64];
			break;
		case '65':
			document.getElementById('city2').innerHTML = city [65];
			break;
		case '66':
			document.getElementById('city2').innerHTML = city [66];
			break;
		case '67':
			document.getElementById('city2').innerHTML = city [67];
			break;
		case '68':
			document.getElementById('city2').innerHTML = city [68];
			break;
		case '69':
			document.getElementById('city2').innerHTML = city [69];
			break;
		case '70':
			document.getElementById('city2').innerHTML = city [70];
			break;
		case '71':
			document.getElementById('city2').innerHTML = city [71];
			break;
		case '72':
			document.getElementById('city2').innerHTML = city [72];
			break;
		case '73':
			document.getElementById('city2').innerHTML = city [73];
			break;
		case '74':
			document.getElementById('city2').innerHTML = city [74];
			break;
		case '75':
			document.getElementById('city2').innerHTML = city [75];
			break;
		case '76':
			document.getElementById('city2').innerHTML = city [76];
			break;
		case '77':
			document.getElementById('city2').innerHTML = city [77];
			break;
		case '78':
			document.getElementById('city2').innerHTML = city [78];
			break;
		case '79':
			document.getElementById('city2').innerHTML = city [79];
			break;			
		case '80':
			document.getElementById('city2').innerHTML = city [80];
			break;	
		case '81':
			document.getElementById('city2').innerHTML = city [81];
			break;
		case '82':
			document.getElementById('city2').innerHTML = city [82];
			break;
		case '83':
			document.getElementById('city2').innerHTML = city [83];
			break;
		case '84':
			document.getElementById('city2').innerHTML = city [84];
			break;
		case '85':
			document.getElementById('city2').innerHTML = city [85];
			break;		
		case '86':
			document.getElementById('city2').innerHTML = city [86];
			break;	
		case '100':
			document.getElementById('city2').innerHTML = city [100];
			break;	

	}
}
