function toggleDiv(divid) {
	var div = document.getElementById(divid);
	div.style.display = div.style.display == 'block' ? 'none' : 'block';
	if (divid == 'leftmenu') document.getElementById('rightmenu').style.display = 'none';
	if (divid == 'rightmenu') document.getElementById('leftmenu').style.display = 'none';
}
function hideCityMenus(divid) {
	document.getElementById('rightmenu').style.display = 'none';
	document.getElementById('leftmenu').style.display = 'none';
}
function fillMenus(side, selected) {
	var s = '';
	if (side == 'left') {
		for (var i=0; i < city_codes.length; i++) {
			if (city_codes[i] == selected) {
				s += '<span style="color:yellow">'+cities[city_codes[i]][0]+'</span><br>';
			} else if (city_codes[i] == current_right) {
				s += '<span style="color:#999999">'+cities[city_codes[i]][0]+'</span><br>';
			} else {
				s += '<a href="#" onClick="changeCity(\'left\', \''+i+'\')">'+cities[city_codes[i]][0]+'</a><br>';
			}
		}
		document.getElementById('leftmenu').innerHTML = s;
	} else {
		for (var i=0; i < city_codes.length; i++) {
			if (city_codes[i] == selected) {
				s += '<span style="color:yellow">'+cities[city_codes[i]][0]+'</span><br>';
			} else if (city_codes[i] == current_left) {
				s += '<span style="color:#999999">'+cities[city_codes[i]][0]+'</span><br>';
			} else {
				s += '<a href="#" onClick="changeCity(\'right\', \''+i+'\')">'+cities[city_codes[i]][0]+'</a><br>';
			}
		}
		document.getElementById('rightmenu').innerHTML = s;
	}
}
function changeCity(side, city) {
	if (side == 'left') {
		current_left_index = city;
		current_left = city_codes[current_left_index];
		document.getElementById('leftcityname').innerHTML = cities[current_left][0];
		document.getElementById('leftimage').src = 'content/no-page-name/' + current_left + '';
		if (typeof document.body.style.maxHeight === "undefined") {
			document.getElementById("leftimage").style.background='none';
			document.getElementById("leftimage").style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="content/no-page-name/' + cities[current_left][3] + '");';
		} else {
			document.getElementById("leftimage").style.backgroundImage='url(content/no-page-name/' + cities[current_left][3] + ')';
		}
	} else {
		current_right_index = city;
		current_right = city_codes[current_right_index];
		document.getElementById('rightcityname').innerHTML = cities[current_right][0];
		if (typeof document.body.style.maxHeight === "undefined") {
			document.getElementById("rightimage").style.background='none';
			document.getElementById("rightimage").style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="content/no-page-name/' + current_right + '");';
		} else {
			document.getElementById("leftimage").style.backgroundImage='url(content/no-page-name/' + current_right + ')';
		}
		document.getElementById('rightweather').innerHTML = cities[current_right][3];
	}
	updateClock();
	hideCityMenus();
	initCities();
}



function initCities() {
	fillMenus('left', current_left);
	fillMenus('right', current_right);
	var index = parseInt(current_left_index*city_codes.length) + parseInt(current_right_index);
	document.getElementById('distance').innerHTML = distances[index];
	var time1 = times[index].split(':');
	document.getElementById('flighthour').innerHTML = time1[0];
	document.getElementById('flightmin').innerHTML = time1[1];
	document.getElementById('leftweather').innerHTML = cities[current_left][3];
	document.getElementById('rightweather').innerHTML = cities[current_right][3];

    if (typeof document.body.style.maxHeight === "undefined") {
		document.getElementById("leftimage").style.background='none';
		document.getElementById("leftimage").style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="content/no-page-name/' + current_left + '.png");';
	    document.getElementById("rightimage").style.backgroun='none';
		document.getElementById("rightimage").style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="content/no-page-name/' + current_right + '.png");';
    } else {
	    document.getElementById("leftimage").style.backgroundImage='url(content/no-page-name/' + current_left + '.png)';
	    document.getElementById("rightimage").style.backgroundImage='url(content/no-page-name/' + current_right + '.png)';
	}
	document.getElementById("leftcityname").innerHTML = cities[current_left][0];
	document.getElementById("rightcityname").innerHTML = cities[current_right][0];
}



var current_left_index = Math.floor(Math.random()*city_codes.length);
var current_left = city_codes[current_left_index];
var current_right_index = -1;
do
	current_right_index = Math.floor(Math.random()*city_codes.length);
while (current_right_index == current_left_index);
var current_right = city_codes[current_right_index];






var currentTime = new Date();
var currentHours = parseInt(currentTime.getUTCHours());
var currentMinutes = parseInt(currentTime.getUTCMinutes());
var currentSeconds = parseInt(currentTime.getUTCSeconds());
function updateClock() {
	//update time
	currentSeconds++;
	if (currentSeconds == 60) {
		currentSeconds = 0;
		currentMinutes++;
		if (currentMinutes == 60) {
			currentMinutes = 0;
			currentHours++;
			if (currentHours == 24) {
				currentHours = 0;
			}
		}
	}

	//left time info
	var h_shift = cities[current_left][1];
	var m_shift = cities[current_left][2];
	var leftSeconds = currentSeconds;
	var leftMinutes = currentMinutes + m_shift;
	var h_adjust = 0;
	if (leftMinutes > 59) {
		h_adjust = 1;
		leftMinutes -= 60;
	}
	if (leftMinutes < 0) {
		h_adjust = -1;
		leftMinutes += 60;
	}
	var leftHours = currentHours + h_shift + h_adjust;
	if (leftHours > 23) {
		leftHours -= 24;
	}
	if (leftHours < 0) {
		leftHours += 24;
	}

	leftHours = (leftHours < 10 ? "0" : "") + leftHours;
	leftMinutes = (leftMinutes < 10 ? "0" : "") + leftMinutes;
	leftSeconds = (leftSeconds < 10 ? "0" : "") + leftSeconds;
	document.getElementById("lefttime").firstChild.nodeValue = leftHours+':'+leftMinutes;
	document.getElementById("leftsec").firstChild.nodeValue = '.'+leftSeconds;

	//right time info
	var h_shift = cities[current_right][1];
	var m_shift = cities[current_right][2];
	var rightSeconds = currentSeconds;
	var rightMinutes = currentMinutes + m_shift;
	var h_adjust = 0;
	if (rightMinutes > 59) {
		h_adjust = 1;
		rightMinutes -= 60;
	}
	if (rightMinutes < 0) {
		h_adjust = -1;
		rightMinutes += 60;
	}
	var rightHours = currentHours + h_shift + h_adjust;
	if (rightHours > 23) {
		rightHours -= 24;
	}
	if (rightHours < 0) {
		rightHours += 24;
	}
	rightHours = (rightHours < 10 ? "0" : "") + rightHours;
	rightMinutes = (rightMinutes < 10 ? "0" : "") + rightMinutes;
	rightSeconds = (rightSeconds < 10 ? "0" : "") + rightSeconds;
	document.getElementById("righttime").firstChild.nodeValue = rightHours+':'+rightMinutes;
	document.getElementById("rightsec").firstChild.nodeValue = '.'+rightSeconds;
}