var imgx;
var imgy;
var para;


function getimg(value) {
if (value.indexOf("£") > -1) {
document.location = '?areaid=' + value.split("£")[0]
}
}

function getimgwithurl(value) {
var loc;
loc = document.location.href
loc = loc.split("?")[1]
loc = loc.split("&")
for (i=0;i<loc.length;i++) {
if (loc[i].indexOf("areaid") > -1) {
loc.splice(i,1)

}
}

document.location = '?' + loc.join("&") + '&areaid=' + value.split("£")[0]
}





function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}





function orderpoints() {

//document.getElementById('maplayer').onclick = mapOnClick;

//document.all('maplayer').onclick = mapOnClick;
imgx = document.getElementById('map').offsetLeft;
imgy = document.getElementById('map').offsetTop;



for (i=0;i<CityPoints.length - 1;i++) {
if (CurrPoint == CityPoints[i][3]) {
document.getElementById("pointer").style.display = '';
document.getElementById("pointer").style.position = 'absolute';
 
document.getElementById("pointer").style.pixelLeft = Number(imgx) + Number(Number(CityPoints[i][0])*(Number(50)/100))
document.getElementById("pointer").style.pixelTop = Number(imgy) + Number(Number(CityPoints[i][1])*(Number(50)/100))

document.getElementById("map_cord_x").value = CityPoints[i][0]
document.getElementById("map_cord_y").value = CityPoints[i][1]

} else {



newPoint = document.getElementById('P-'+i)

if (CityPoints[i].length > 5) {

newPoint.style.zIndex = 100 + i
newPoint.style.pixelTop = Number(imgy) + Number(CityPoints[i][6]) + Number((Number(CityPoints[i][1])*(50/100))/(Number(CityPoints[i][4])/100))
newPoint.style.left = Number(findPosX(document.getElementById('map'))) + Number(CityPoints[i][5]) + Number((Number(CityPoints[i][0])*(50/100))/(Number(CityPoints[i][4])/100)) + 'px'


try{
	if (PrintStatus == "before"){
		newPoint.style.pixelTop = Number(imgy) + Number(CityPoints[i][6]) + Number((Number(CityPoints[i][1])*(50/100))/(Number(CityPoints[i][4])/100))
		newPoint.style.left = Number(findPosX(document.getElementById('map'))) + Number(CityPoints[i][5]) + Number((Number(CityPoints[i][0])*(50/100))/(Number(CityPoints[i][4])/100)) - 33 + 'px'
	}
}catch( e ) { 
//Do Nothing
}

//newPoint.style.pixelLeft = Number(Number(imgx) + Number(CityPoints[i][5])) + Number((Number(CityPoints[i][0])*(50/100))/(Number(CityPoints[i][4])/100))
//newPoint.style.pixelTop = Number(Number(imgy) + Number(CityPoints[i][6])) + Number((Number(CityPoints[i][1])*(50/100))/(Number(CityPoints[i][4])/100))
newPoint.innerHTML = "<img src='/images/citybig.gif' width='4' id='P-" + i + "' height='4'>"

} else {

//newPoint.style.pixelLeft = Number(imgx) + Number(Number(CityPoints[i][0])*(Number(50)/100))
//newPoint.style.pixelTop = Number(imgy) + Number(Number(CityPoints[i][1])*(Number(50)/100))



if ((ImgId != "") && (ImgId == CityPoints[i][3])) {
newPoint.style.zIndex = 100 + i
newPoint.style.pixelTop = Number(imgy) + Number(Number(CityPoints[i][1])*(Number(50)/100))
newPoint.style.left = Number(findPosX(document.getElementById('map'))) + Number(Number(CityPoints[i][0])*(Number(50)/100)) + 'px'

try{
	if (PrintStatus == "before"){
		newPoint.style.pixelTop = Number(imgy) + Number(Number(CityPoints[i][1])*(Number(50)/100)) - 18
		newPoint.style.left = Number(findPosX(document.getElementById('map'))) + Number(Number(CityPoints[i][0])*(Number(50)/100)) - 33 + 'px'
	}
}catch( e ) { 
//Do Nothing
} 

var url = document.location.href.split("/")

if (url.length == 8) {
	newPoint.innerHTML = "<img src='/images/inspirationimages/" + url[4] + "/citybigselected.gif' width='8' height='8' id='P-" + i + "' >"
} else {
	newPoint.innerHTML = "<img src='/images/inspirationimages/citybigselected.gif' width='8' height='8' id='P-" + i + "' >"
		try{
		if(theme = 'vinter'){
			newPoint.innerHTML = "<img src='/images/inspirationimages/vinter/citybigselected.gif' width='6' height='6' id='P-" + i + "' >"
		}
	}catch( e ){
		//Do Nothing
	}
}
} else {
newPoint.style.zIndex = 100 + i
newPoint.style.pixelTop = Number(imgy) + Number(Number(CityPoints[i][1])*(Number(50)/100)) 
newPoint.style.left = Number(findPosX(document.getElementById('map'))) + Number(Number(CityPoints[i][0])*(Number(50)/100))  + 'px'
try{
	if (PrintStatus == "before"){
		newPoint.style.pixelTop = Number(imgy) + Number(Number(CityPoints[i][1])*(Number(50)/100)) - 18
		newPoint.style.left = Number(findPosX(document.getElementById('map'))) + Number(Number(CityPoints[i][0])*(Number(50)/100)) - 33 + 'px'
	}
}catch( e ) { 
//Do Nothing
} 




newPoint.onclick = cityclick;


var url = document.location.href.split("/")
if (url.length == 8) {
	newPoint.innerHTML = "<img src='/images/inspirationimages/" + url[4] + "/citybig.gif' width='6' height='6' id='P-" + i + "' >"
} else {
newPoint.innerHTML = "<img src='/images/inspirationimages/citybig.gif' width='6' height='6' id='P-" + i + "' >"
	try{
		if(theme = 'vinter'){
			newPoint.innerHTML = "<img src='/images/inspirationimages/vinter/citybig.gif' width='6' height='6' id='P-" + i + "' >"
		}
	}catch( e ){
		//Do Nothing
	}

}
}

}

if ((ImgId != "") && (ImgId == CityPoints[i][3])) {
} else {
newPoint.onmouseover = showname;
newPoint.onmouseout = hidename;
}
//document.body.appendChild(newPoint)


}

}

}

function showname() {
var TheElementId
TheElementId = event.srcElement.id
if (TheElementId.indexOf("-") > -1) {
var displaydiv

if (CityPoints[0].length > 5) {
} else {
event.srcElement.style.cursor = 'pointer';
}
displaydiv = document.getElementById('citynamepointer')
displaydiv.innerHTML = "<span class='normal'><font size='1'><b>" + CityPoints[TheElementId.split("-")[1]][2] + "</b></font></span>"
//displaydiv.style.pixelTop = Number(document.getElementById('map').offsetTop) + Number(CityPoints[TheElementId.split("-")[1]][6]) + Number((Number(CityPoints[TheElementId.split("-")[1]][1])*(50/100))/(Number(CityPoints[TheElementId.split("-")[1]][4])/100))
//displaydiv.style.left = Number(findPosX(document.getElementById('map'))) + Number(CityPoints[TheElementId.split("-")[1]][5]) + Number((Number(CityPoints[TheElementId.split("-")[1]][0])*(50/100))/(Number(CityPoints[TheElementId.split("-")[1]][4])/100)) + 'px'

//displaydiv.style.pixelTop = event.clientY - 15)+document.body.scrollTop)
displaydiv.style.pixelTop = event.clientY + document.body.scrollTop - 15
displaydiv.style.pixelLeft = event.clientX + 6 + document.body.scrollLeft
//alert(event.clientY +  " ;; " + event.clientX) 
//displaydiv.style.pixelLeft = event.clientX + 6
//alert(document.getElementById(TheElementId).offsetTop)
//displaydiv.style.pixelTop = Number(event.srcElement.style.pixelTop)
//newPoint.style.left = Number(findPosX(document.getElementById('map'))) + Number(CityPoints[i][5]) + Number((Number(CityPoints[i][0])*(50/100))/(Number(CityPoints[i][4])/100)) + 'px'

//displaydiv.style.width = '100px'
displaydiv.style.display = '';
displaydiv.style.zIndex = '1000';
}

}

function hidename() {
var TheElementId
TheElementId = event.srcElement.id
if (TheElementId.indexOf("-") > -1) {
var displaydiv

displaydiv = document.getElementById('citynamepointer')
displaydiv.style.pixelTop = 0
displaydiv.style.pixelLeft = 0
displaydiv.style.display = 'none';
}
}


function cityclick() {
var TheElementId
TheElementId = event.srcElement.id
if (TheElementId.indexOf("-") > -1) {
document.location = CityPoints[TheElementId.split("-")[1]][4]
}

}



function mapOnClick(evt)
{

imgx = document.getElementById('map').offsetLeft
imgy = document.getElementById('map').offsetTop
document.getElementById("pointer").style.display = '';
document.getElementById("pointer").style.position = 'absolute';
window.status = event.offsetX + "+" + event.offsetY + "kk" + imgx + "tt" + imgy;

document.getElementById("pointer").style.pixelLeft = imgx + event.offsetX - 4;
document.getElementById("pointer").style.pixelTop = imgy + event.offsetY - 4;
document.getElementById("map_cord_x").value = event.offsetX;
document.getElementById("map_cord_y").value = event.offsetY;
}

function initilize() {

orderpoints();
//self.init();
}






window.onresize=initilize;
window.onload = initilize;
//orderpoints;