var pre    = "snaps/"
var clic   = false;
var isLink = false;
var str = "";
var ele   = 0;
var count = 0;
var xPos  = 0;
var yPos  = 0;

function spawnWin(what){	
	clr();
	var num = what.split("ker")[1];
	var cityNam = locations[num].split("^")[0];
	if (cityNam.charAt(0)=="+") isLink = true;
	cityNam = cityNam.substring(1);
    makePics(cityNam);
	var loco = eval(cityNam);
	var desc = loco[0];
	var ele  = num;
	document.getElementById("container").style.display = "inline";
	str = "<span class=\"small\" style=\"letter-spacing:1px\"><b>";
	if(isLink) str += "<a href=\"" + cityNam + ".html\" class=\"rust\">"; 
	str += cityNam.replace("_"," ");
	if(isLink) str += "<span class=\"small coal\" style=\"text-decoration:none\"> (zoom in)</span></a>"
	str += "</b></span><br>" + desc;
	if(loco.length>1) {
	str += "<div style=\"border-top:1px dotted #B2B996\">"
		for (p=1; p<loco.length; p++) {
		str += '<img src="images/snaps/' + cityNam + '/thumbs/' + loco[p].substring(1) + '" width="20" height="20" border="0" hspace="1" onclick="getPic(\'' + cityNam + '/' + p +'\',300,225,event.clientY,event.clientX)" style="cursor: hand; cursor: pointer; margin-top:2px; z-index:999"/>';
		}
	str += "</div>"
	} 
	document.getElementById("dsc").innerHTML = str;
	isLink = false;	
}

function erase(){
	document.getElementById('cityname'+ele).innerHTML='';
}

function clr(){
	document.getElementById("container").style.display="none";
	clic = false;
}

function moveIt(dot,toX,toY) {
	if(xPos<toX) document.getElementById(dot).style.left = xPos;
	if(yPos<toY) document.getElementById(dot).style.top = yPos + 130;
	xPos ++;
	move = (xPos<toX)? .25:1;
	if(xPos%4)yPos = yPos + move + hMove; 
	if(xPos<toX || yPos<toY) setTimeout("moveIt('"+dot+"',"+toX+","+toY+")",1)
}

function plot(loc,i,color){
	var nom  = loc.split("^")[0].substring(1);
	var geo  = loc.split("^")[1];	
	var x  = geo.split(",")[0];
	var y  = geo.split(",")[1];
	document.getElementById("markPoint").innerHTML+='<div id="marker'+i+'" class="marker" onclick="spawnWin(this.id)" onmouseover="erase();"><span onmouseout="if(!clic)getLabel(\''+nom+'\',\''+i+'\',false)" onmouseover="getLabel(\''+nom+'\',\''+i+'\',true);" style="cursor:n-resize"><img src="images/icons/pin.png" border="0"></span><div class="tiny coal cityname" id="cityname'+i+'" style="display:none"></div></div>';
	moveIt("marker"+i,x,y)
}
	
function getLabel(text,att,where){
	if(where){
	document.getElementById("cityname"+att).innerHTML = text.replace("_"," ");
	document.getElementById("cityname"+att).style.display = "inline";
	} else {
	document.getElementById("cityname"+att).style.display = "none";
	}
}

var colors = new Array("ff0000","ffffff","F0F2C9");