var currentLink = null;
var currentCity = null;
var defaultCity = null;

function map() {
	if(document.getElementById) {
		
		var cityLinks = document.getElementById("cities").getElementsByTagName("a");
		for(var i=0; i<cityLinks.length; i++) {
			var trigger = cityLinks[i];
			trigger.onclick = function() {
					displayCity(this);
					return false;
				};
				
			if(/Sofia/.test(trigger.className)) {
				defaultCity = trigger;
			}
			
		}
		
		var cities = document.getElementsByTagName("div");
		//cities.style.display = "none";
		for(var j=0; j<cities.length; j++) {
			if(/city/.test(cities[j].className)) {
				var city = cities[j];
				city.className += " offset";
				//city.style.display = "none";
			}
		}
		
		if(defaultCity != null) {
			displayCity(defaultCity);
		}
		
	}
}

function displayCity(o) {
	if(currentCity != null) {
		
		currentCity.className += " offset";
		//currentCity.style.display = "none";
		currentLink = o.href.substring(o.href.lastIndexOf("#")+1, o.href.length);
		currentCity = document.getElementById(currentLink).parentNode;
		currentCity.className = "city";
		//currentCity.style.display = "block";
		
	} else {

		currentLink = o.href.substring(o.href.lastIndexOf("#")+1, o.href.length);
		currentCity = document.getElementById(currentLink).parentNode;
		currentCity.className = "city";
		//currentCity.style.display = "block";
		
	}
}