//jQuery resizing and interactivity functions
	
	var winWidth = $(window).width(); 
	var winHeight  = $(window).height();
		
	$(window).resize(function(){
		$('.gallery').click(function() {
			var direction = $(this).attr('id').split('-')[1];
			alert(direction);
		});
		//hides elements and turns container overflow to hidden to prevent scrollbars.
		$("#container").css("overflow","hidden");
		hideElements();
		$.doTimeout( 'resize', 250, function(){
			// do something computationally expensive
			var winWidth = $(window).width(); 
			var winHeight  = $(window).height();
			geWidth = winWidth - 200;
			geHeight = winHeight - 25;
			var geStyles = {
				'width' : geWidth,
				'height' : geHeight
			}
			showElements();
			$(".gearth").css(geStyles);
			$("#sidebar").css("height",geHeight);
		});
	});
	function closePopup() {
		$('.popup').hide();
		$('#dimmer').fadeOut('fast');
		$('.popup, #dimmer').remove();
	}
	function showElements(){
		var stateStyle = {'display':'block'};
		$("#sidebar").css(stateStyle);
		$("#top-band").css(stateStyle);
		$("#bot-band").css(stateStyle);
	}
	
	function hideElements(){
		var stateStyle = {'display':'none'};
		$("#sidebar").css(stateStyle);
		$("#top-band").css(stateStyle);
		$("#bot-band").css(stateStyle);
	}
	
	$("document").ready (function(){
		var winWidth = $(window).width(); 
		var winHeight  = $(window).height();
		geWidth = winWidth - 200;
		geHeight = winHeight - 25;
		var geStyles = {
		'width' : geWidth,
		'height' : geHeight
		}	
		$(".gearth").css(geStyles);
		$("#sidebar").css("height",geHeight);
	});
	
	function buildMenus(){
		buildTours();
		buildPlaces();
	}
	
	function setInitMenu() {
		var viewTypeNames = new Array ("trails","environmental","historical","rec","projects")
		for (s=0;s < initClosed.length; s++){
			var show = initClosed[s];
			var grp = viewTypeNames[s];
			if (show){
				//do nothing and it shows.
			} else {
				toggleLayerGroup(s,grp);
			}
		}
	}
	
	function buildPlaces(){
		//alert ('buildPlaces called');
		places = getPlacemarks();
		
		if (places.length == 0){
			$(".places-title").css("display","none");
		} else {
			for(i=0;i < places.length;i++){
				var group = '';
				var g_title = '';
				var listItem = true;
				switch (i){
					case 0:
						if (viewTypes['trail']) {
							group = 'trails';
							g_title = 'Trail Access';
						} else {
							listItem = false;
						}
						break;
					case 1:
						if (viewTypes['ecological']) {
							group = 'environmental';
							g_title = 'Environmental';
						} else {
							listItem = false;
						}
						break;
					case 2:
						if (viewTypes['historical']) {
							group = 'historical';
							g_title = 'Historical';
						} else {
							listItem = false;
						}
						break;
					case 3:
						if (viewTypes['recreational']) {
							group = 'rec';
							g_title = 'Recreational';
						} else {
							listItem = false;
						}
						break;
					case 4:
						if (viewTypes['projects']) {
							group = 'projects';
							g_title = 'Projects';
						} else {
							listItem = false;
						}
						break;
					case 5:
						group = 'layers';
						g_title = 'Layer Visibility';
						break;
				}
				if (listItem) {
					$("div.menu").append("<div class=\"places-title\" id=\""+group+"\"><h1><a href='#' onClick=\"toggleLayerGroup("+i+",'"+group+"')\">"+g_title+"<div id=\"tog-"+group+"\" class=\"toggle\">hide</div></a></h1></div>");
					$("<ul class=\"places-nav\" id=\""+group+"-nav\"></ul>").insertAfter("div#"+group);
					for(j=0;j < places[i].length;j++){
						if (group=='layers'){
							$("ul#"+group+"-nav").append("<li id=\"layer-"+j+"\" class=\""+group+"\"><a href='#' onClick=\"toggleLayer('"+i+"', '"+j+"');\" >"+places[i][j].getName()+"</a></li>");
						} else {					
							$("ul#"+group+"-nav").append("<li id=\""+places[i][j].getId()+"\" class=\"placemark "+group+"\"><a href='#' onClick=\"popBalloon('"+i+"', '"+j+"');\" >"+places[i][j].getName()+"</a></li>");
						}
					
					}
				}
			}
		}
	}
	
	function buildTours(){
		var tours = getTours();
		if (tours.length == 0){
			$(".tour-title").css("display","none");
		} else {
			$("div.menu").append("<div class=\"tour-title\"><h1><a href=\"#\" onClick=\"toggleMenu('tours')\">Guided Tours</a></h1></div>");
			$("<ul id='tours-nav'></ul>").insertAfter("div.tour-title");
			for(i=0;i < tours.length;i++){
				$("ul#tours-nav").append("<li class='tour'><a href='#' onClick=\"playTour("+i+")\" >"+tours[i].getName()+"</a></li>");
			}
		}
	}
	
	function buildLayers(){
		var layers = getLayers();
		$("ul#layers-nav").append("<li id=\"layer-roads\" class='layers'><a href='#' onClick=\"toggleRoads()\" >Roads</a></li>");
		$("ul#layers-nav").append("<li id=\"layer-legend\" class='layers'><a href='#' onClick=\"toggleLegend()\" >"+layers[0].getName()+"</a></li>");
	}
	
	function setIcon(power, index){		
		if (power){
			$("#layer-"+index+" a:link").css("background","#ddd url('/images/on_icon_on.gif') no-repeat 4px 4px");
			$("#layer-"+index+" a:visited").css("background","#ddd url('/images/on_icon_on.gif') no-repeat 4px 4px");
			$("#layer-"+index+" a:hover").css("background","#ddd url('/images/on_icon_on.gif') no-repeat 4px 4px");
			$("#layer-"+index+" a:active").css("background","#ddd url('/images/on_icon_on.gif') no-repeat 4px 4px");
		} else {
			$("#layer-"+index+" a:link").css("background","#ddd url('/images/on_icon_off.gif') no-repeat 4px 4px");
			$("#layer-"+index+" a:visited").css("background","#ddd url'(/images/on_icon_off.gif') no-repeat 4px 4px");
			$("#layer-"+index+" a:hover").css("background","#ddd url('/images/on_icon_off.gif') no-repeat 4px 4px");
			$("#layer-"+index+" a:active").css("background","#ddd url('/images/on_icon_off.gif') no-repeat 4px 4px");
		}
	}
	
	function toggleMenu(id){		
		var t=$("div#"+id+" h1 a div#tog-"+id).text();
		$("ul#" + id + "-nav li").slideToggle("fast",function() {
			if (t=="hide"){
				$("div#"+id+" h1 a div#tog-"+id).text("show");
			} else {
				$("div#"+id+" h1 a div#tog-"+id).text("hide");
			}
		});
	}
	
	function closeMenu(id){
		var t=$("div#"+id+" h1 a div#tog-"+id).text();
		$("ul#" + id + "-nav li").slideUp("fast",function() {
		$("div#"+id+" h1 a div#tog-"+id).text("hide");
		});
	}