// JavaScript Document
/******* Virtual Earth *******/
	var map = null;
	var layerid=1;
	
	function pinHandler(e) {
		if (e.elementID != null){
			populateView ( (map.GetShapeByID(e.elementID) ).pinClickURL  );
			populateCameraHeader( (map.GetShapeByID(e.elementID) ).GetTitle());
		} else
			document.getElementById('resultDiv').innerHTML = e.eventName + " event occurred on map.";
	}
	
	function ShowTraffic() {
		map.LoadTraffic(true);
		map.ShowTrafficLegend(435,0);
		map.SetTrafficLegendText("The traffic legend");
	}

	function ClearTraffic() {
		map.ClearTraffic();
	}
	
	function AddControl() {
		var el = document.createElement("div"); 
            	el.id = "<a href=javascript:ShowTraffic();>Show Traffic</a>"; 
            	el.style.top = "282px";
            	el.style.left = "5px";
				el.style.padding = "5px";   
            	el.style.border = "2px solid black";
            	el.style.background = "white";
            	el.innerHTML = el.id;  
		var ele = document.createElement("div"); 
            	ele.id = "<a href=javascript:ClearTraffic();>Clear Traffic</a>"; 
            	ele.style.top = "282px";
            	ele.style.left = "90px";
				ele.style.padding = "5px";
            	ele.style.border = "2px solid black";
            	ele.style.background = "White";
            	ele.innerHTML = ele.id;  
            map.AddControl(el);
			map.AddControl(ele);
         }
		 
	function GetMap() {
		map = new VEMap('myMap');
		map.LoadMap();
		map.AttachEvent("onclick",pinHandler);
		AddMyLayer();
	}
		 
	function AddMyLayer() {
		var l = new VEShapeLayer();
		var veLayerSpec = new VEShapeSourceSpecification(VEDataType.GeoRSS, "xml/mnRSS.xml", l);
		map.ImportShapeLayerData(veLayerSpec, onFeedLoad);
	}
	
	function onFeedLoad(layer) {
		var numShapes = layer.GetShapeCount();
		var shape_obj;
		for(var i=0; i < numShapes ; ++i) {
			shape_obj = layer.GetShapeByIndex(i);
			shape_obj.SetCustomIcon("<img src='"+shape_obj.IconId+"'/>");
			shape_obj.SetTitle(shape_obj.GetTitle())
			shape_obj.SetDescription("<img src='"+shape_obj.GetMoreInfoURL()+"'width='150' height='102' />");
			//Saves the xml link before it is cleared out so we can use it for "pinHandler()"
			shape_obj.pinClickURL = shape_obj.GetMoreInfoURL();
			//Removes the link from the infobox
			shape_obj.SetMoreInfoURL();
		}
		map.SetZoomLevel(10);
		AddControl();
		}
		
/******* Populates fullViewImage and refreshes *******/
	var refreshRate = setInterval("refreshView()", 6000);
	var viewURL = "http://video.dot.state.mn.us/video/image?id=10"
	
	function refreshView() {
		var today=new Date();
		var time=today.getSeconds();
		var im = new Image();
		im = document.getElementById("fullViewImage");
		im.src = viewURL;
		document.getElementById("fullViewImage").src = im.src+'&'+time.valueOf();
	}
	
	function populateView(url) {
		clearInterval(refreshRate);
		viewURL = url;
		refreshRate = setInterval("refreshView()", 6000);
		document.getElementById("cameraImage").innerHTML = '<img id="fullViewImage" src="'+url+'">';
	}
	
	function populateCameraHeader(cameraHeaderString) {
		document.getElementById("cameraHeader").innerHTML = cameraHeaderString;
	}
	
/******* Check Browsers Type *******/
	function browserversion()
{
   	   var ua = window.navigator.userAgent
	   var browser = ua.indexOf ( "MSIE" )
	   if ( browser > 0 )
		  return true
       else 
       {
       	  browser = navigator.userAgent.indexOf ("Firefox")
		  if (browser > 0 )
       	     return true
       	  else 
             return false
       }
}

function changeMap()
{
document.getElementById('myMap').innerHTML="This site requires the use of Internet Explorer 6+ or Firefox 2+";
}