// file = gui
var WNMAP_GEOCODE_STATE_ABBR = "OR";
var WNMAP_GEOCODE_STATE_NAME = "Oregon";
var WNMAP_MAP_START_LON = "-122.67133";
var WNMAP_MAP_START_LAT = "45.5231";
var WNMAP_ACCEPTABLE_DISTANCE = "24000";
var WNMAP_MAP_START_ZOOM = "12";
var WNMAP_MAP_START_TYPE = "G_HYBRID_MAP";
var WNMAP_MAP_URL = "http://map.personaltelco.net/";
var WNMAP_NODE_URL = "http://wiki.personaltelco.net/";

function showNodes ()
{
	document.getElementById ("nodesTabContent").style.display = "block";
	document.getElementById ("myMarkersTabContent").style.display = "none";
	document.getElementById ("nearestTabContent").style.display = "none";

	document.getElementById ("myMarkersTab").className = "";
	document.getElementById ("nodesTab").className = "selected";
	document.getElementById ("nearestTab").className = "";

	resizeMe ();
}

function showMarkers ()
{
	document.getElementById ("nodesTabContent").style.display = "none";
	document.getElementById ("myMarkersTabContent").style.display = "block";
	document.getElementById ("nearestTabContent").style.display = "none";

	document.getElementById ("myMarkersTab").className = "selected";
	document.getElementById ("nodesTab").className = "";
	document.getElementById ("nearestTab").className = "";

	resizeMe ();
}

function showNearest ()
{
        document.getElementById ("nodesTabContent").style.display = "none";
	document.getElementById ("myMarkersTabContent").style.display = "none";
	document.getElementById ("nearestTabContent").style.display = "block";
	
	document.getElementById ("nearestTab").className = "selected";
        document.getElementById ("myMarkersTab").className = "";
        document.getElementById ("nodesTab").className = "";

        resizeMe ();
}

function showLogin () {
	document.getElementById ("accountOptions").style.display = "none";
	document.getElementById ("login").style.display = "block";
}
function cancelLogin () {
	document.getElementById ("accountOptions").style.display = "block";
	document.getElementById ("login").style.display = "none";
}

function resetSearch ()
{
	document.getElementById ("findLocationResponse").innerHTML = "";
	document.getElementById ("findLocationResponse").className = "";
	document.getElementById ("submitLocationSearchButton").disabled = false;
	document.getElementById ("address").value = "";

	resizeMe ();
}

function scrollMarkersToBottom ()
{
	var myMarkersTabContentDiv = document.getElementById ('myMarkersTabContent');
	myMarkersTabContentDiv.scrollTop = myMarkersTabContentDiv.scrollHeight;
}

// http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
function getWindowHeight() {
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}

	return myHeight;
}

// resize stuff

var minHeight = 360;

function resizeMe()
{
	var containerDiv = document.getElementById ('mapColumn');
	var sideDiv = document.getElementById ('sideColumn');
	var nodesTabContentDiv = document.getElementById ('nodesTabContent');
	var myMarkersTabContentDiv = document.getElementById ('myMarkersTabContent');
	var nearestTabContentDiv = document.getElementById ('nearestTabContent');
        var footerDiv = document.getElementById ('footer');
        var header = document.getElementById ('header');

	var paddingTop = sideDiv.offsetTop;
        //var paddingTop = header.offsetHeight;
	var paddingBottom = footerDiv.offsetHeight;
        
	var newHeight = getWindowHeight () - paddingBottom - paddingTop;
	//alert( paddingBottom + ", " + paddingTop);
	if (newHeight < minHeight) {
		newHeight = minHeight;
	}
        var hi = getWindowHeight () - paddingBottom;
	containerDiv.style.height = newHeight + "px";
	containerDiv.style.borderBottom = "1px solid #666666"
        sideDiv.style.height = newHeight + "px";
        sideDiv.style.borderBottom = "1px solid #666666"
        footerDiv.style.position = "absolute";
        footerDiv.style.width = "97%";
        footerDiv.style.top = hi + "px";
	
        nodesTabContentDiv.style.height = (newHeight - nodesTabContentDiv.offsetTop) + "px";
	myMarkersTabContentDiv.style.height = (newHeight - myMarkersTabContentDiv.offsetTop) + "px";
        nearestTabContentDiv.style.height = (newHeight - nearestTabContentDiv.offsetTop) + "px";
	if (typeof(map.onResize) == 'function')
		map.onResize ();

}

function resetCenter()
{
map.panTo(new GLatLng(WNMAP_MAP_START_LAT, WNMAP_MAP_START_LON));
}

function toggleVisible (obj)
{
        var el = document.getElementById(obj);
        if ( el.style.display != 'none' ) {
                el.style.display = 'none';
        } else {
                el.style.display = '';
        }
        resizeMe ();
}

function swapImage (objId, image1, image2)
{
	var img = document.getElementById(objId);
	if (img.src == image1) {
		img.src = image2;
	} else {
		img.src = image1;
	}
}