var firstTime = true;
var layerVisible, layerVisible1 = '';
var plane=new Array(5);
plane[0]=true;
plane[1]=true;
plane[2]=true;
plane[3]=true;
plane[4]=true;

function showHide(name) {
	if (document.getElementById(name) != null) {
		var isHidden = (document.getElementById(name).className.indexOf("hide")!=-1)? true : false;
		if (isHidden) document.getElementById(name).className = "show";
		else document.getElementById(name).className = "hide";
	}
}

function hideAllLayer() {
	document.getElementById('kualalumpur').className = "hide";
	document.getElementById('milano').className = "hide";
	document.getElementById('tokyo').className = "hide";
	document.getElementById('losangeles').className = "hide";
	document.getElementById('newyork').className = "hide";
}

function hideAllLayer1() {
	document.getElementById('london').className = "hide";
	document.getElementById('moscow').className = "hide";
	document.getElementById('milan').className = "hide";
}

function highlight(name) {
	if (document.getElementById(name) != null) {
		var isHidden = (document.getElementById(name).className.indexOf("grey")!=-1)? true : false;
		if (isHidden) document.getElementById(name).className = "white";
		else document.getElementById(name).className = "grey";
	}
}

function switchLayer(j){
//	alert(plane[j]);
	plane[j] = (plane[j] != true)? true : false;
	var planeRoute = layerVisible+'_'+j;
//	alert(planeRoute);
//	alert(document.getElementById(planeRoute).className+' = '+plane[j]);
	showHide(planeRoute);
}

function showRoute(id){
	if (!firstTime) hideAllLayer();
	showHide(id);
	layerVisible = id;
}

function switchLayer1(j){
//	alert(plane[j]);
	plane[j] = (plane[j] != true)? true : false;
	var planeRoute1 = layerVisible1+'_'+j;
//	alert(planeRoute1);
//	alert(document.getElementById(planeRoute1).className+' = '+plane[j]);
	showHide(planeRoute1);
}

function showRoute1(id){
	if (!firstTime) hideAllLayer1();
	showHide(id);
	layerVisible1 = id;
}

function loadCity(){
	showRoute('milano');
	showRoute1('milan');
	firstTime = false;
}