var new_image = new Image();
new_image.src = "/images/map/camdownload.jpg";
var calls = 0;


function ShowWeatherPopUp(t, description)
{
/*
	br=navigator.appName;
	brversion=parseInt(navigator.appVersion);	
	var infoDiv = document.getElementById('MapControl1:InfoDiv');	
	
	infoDiv.style.borderColor = '#cccccc';
	
	var offsetX = parseInt(t.style.left);
	var offsetY = parseInt(t.style.top);
		
	
	if (br=='Microsoft Internet Explorer')
	{	
		var srcEvent = window.event;
		var theLeft = 0;
		var theTop = 0;
		if (document.documentElement && document.documentElement.scrollTop)
		{
			theTop = document.documentElement.scrollTop;
			theLeft = document.documentElement.scrollLeft;	
		}
		else if (document.body){
			theTop = document.body.scrollTop;
			theLeft = document.body.scrollLeft;
		}
		if((offsetX) > 300)
		{
			positionX = srcEvent.clientX + theLeft - 10 - infoDiv.offsetWidth;
		}
		else
		{
			positionX = srcEvent.clientX + theLeft + 10;		
		}
			
		if((offsetY) > 300)
		{
			positionY = srcEvent.clientY + theTop - 60 - infoDiv.offsetHeight;
		}
		else
		{
				positionY = srcEvent.clientY + theTop + 10;
		}
		if(positionX > 700)
			positionX = positionX - 250;
			
		infoDiv.innerHTML = description + "(Click icon for 7 day forecast)";
		infoDiv.style.visibility = 'visible';		
		infoDiv.style.left = positionX + 'px';
		infoDiv.style.top = positionY + 'px';
	}
	else if(br=='Netscape')
	{
		//alert(t.style.top);
		
		var srcEvent = arguments.callee.caller.arguments[0];						
		//var OffSets = getOffsets(srcEvent);
		var positionX  = 0;
		var positionY = 0;
		if((offsetX) > 300)
		{
			positionX = srcEvent.pageX  - infoDiv.offsetWidth;
		}
		else
		{
			positionX = srcEvent.pageX + 10;

		}
		if((offsetY) > 300)
		{
			positionY = srcEvent.pageY - infoDiv.offsetHeight - 50;
		}
		else
		{
			positionY = srcEvent.pageY + 10; 
		}		

		infoDiv.innerHTML = description + "(Click icon for 7 day forecast)";
		infoDiv.style.visibility = 'visible';
		infoDiv.style.left = positionX + 'px';
		infoDiv.style.top = positionY + 'px';
	}
	else
	{
		alert('Browser Not Defined');
	}
	
	//alert(infoDiv.outerHTML);
	*/
} 


function showImage(t, url, width, height){
	
	if(navigator.appName=='Microsoft Internet Explorer')
	{
		var cam_div = document.getElementById("campreview_div");
		InitLeft = parseInt(t.style.left) + 20;
		if((parseInt(t.style.left)) > 280) 
			InitLeft = parseInt(t.style.left) - width - 10;
			
		InitTop = parseInt(t.style.top) + 15;
		
		if((parseInt(t.style.top)) > 280) 
			InitTop = parseInt(t.style.top) - height - 35;
		
		if(InitLeft < 0)
			InitLeft = 0;
		if(InitLeft > (560 - width))
			InitLeft = 560 - width;

		
		cam_div.innerHTML = "<table cellpadding='0px' cellspacing='0px'><tr><td><img src='/images/mar0409-top.jpg'></td></tr><tr><td style=\"background-image:url('/images/map/camdownload.jpg');background-repeat: no-repeat;background-color:#202119; background-position: center center;width:320px;height:240px;\"><img src='" + url +  "' width='320' height='240'></td></tr><tr><td><img src='/images/mar0409-bottom.jpg'></td></tr></table>";
		cam_div.style.left = InitLeft;
		cam_div.style.top = InitTop;
		cam_div.style.visibility = 'visible';
		
	
	}
	else
	{
	
		var cam_div = document.getElementById("campreview_div");
		cam_div.innerHTML = "<table cellpadding='0px' cellspacing='0px'><tr><td><img src='/images/mar0409-top.jpg'></td></tr><tr><td style=\"background-image:url('/images/map/camdownload.jpg');background-repeat: no-repeat;background-color:#202119; background-position: center center;width:320px;height:240px;\"><img src='" + url +  "' width='320' height='240'></td></tr><tr><td><img src='/images/mar0409-bottom.jpg'></td></tr></table>";
		var srcEvent = arguments.callee.caller.arguments[0];
						
		var positionX  = 0;
		var positionY = 0;
		
		var icon_left = parseInt(t.style.left);
		var icon_top = parseInt(t.style.top);
	
		positionX = srcEvent.pageX  + 10;
		positionY = srcEvent.pageY + 10;

		
		if(srcEvent.pageX > 280)
			positionX = srcEvent.pageX - width - 10;
		if(srcEvent.pageY > 280)
			positionY = srcEvent.pageY - height - 35;
			
			if(positionX < 0)
				positionX = 0;
			if(positionX > (560 - width))
				positionX = 560 - width;

		cam_div.style.left = positionX + "px";
		cam_div.style.top = positionY + "px";
				
	}
}

function handleWeatherAjaxResponse(response)
{
	var ajaxResponse = null;
	var safari_index = navigator.userAgent.toLowerCase().indexOf("safari");
	if(safari_index > 0)
	{
		var xmlDocument = new DOMParser().parseFromString(response.responseText, 'text/xml');		
		ajaxResponse = xmlDocument.documentElement.childNodes[0];
	}
	else
		ajaxResponse = response.responseXML.childNodes[0].childNodes[0];
		var stationName = ajaxResponse.attributes[2].nodeValue;
		var innerHTML = "<table class='forecast_table'>";
		innerHTML += "<tr><td/><td>" + "7 day forecast for: " + stationName +  "</td></tr>";
		
		for(k=0; k<ajaxResponse.childNodes.length; k++)
		{
			var currentNodeElem = ajaxResponse.childNodes[k];
			var day = currentNodeElem.attributes[0].nodeValue;
			var icon = currentNodeElem.attributes[1].nodeValue;
			var desc = currentNodeElem.attributes[2].nodeValue;
			var link = "<img src='/ajax/images/weather/" + icon + ".png'/>";
			innerHTML += "<tr><td>" + link + "</td><td>" +  day + " " + desc + "</td></tr>";	
		}
		
		innerHTML += "</table>";
		
		var infoDiv = document.getElementById('MapControl1:InfoDiv');	
		infoDiv.innerHTML = innerHTML;
		infoDiv.style.visibility = 'visible';

}

function getForecast(stationid, regionid, ismetric)
{
	var infoDiv = document.getElementById('MapControl1:InfoDiv');
	var request_url = "http://www.beatthetraffic.com/ajax/request/weather.aspx?type=seven_day_forecast&stationid=" + stationid + "&regionid=" + regionid + "&ismetric=" + ismetric;
		//alert(request_url);
		new Ajax.Request(request_url,{
		method: 'get',
		onCreate: function ajaxCreate()
		{
			infoDiv.innerHTML = "Downloading..";
		},
		onSuccess: function ajaxResponse(Axresponse)
		{
			handleWeatherAjaxResponse(Axresponse);
		},
		onComplete: function ajaxComplete()
		{
			//hide_data_div();
		}
		});


}

function redirect(url)
{
	eval("window.location='" + url + "'");
}

function hideImage(){

	document.getElementById('campreview_div').innerHTML = "";
	
}

function findPos(obj) 
{
var curleft = curtop = 0;
if (obj.offsetParent) 
	{        
	curleft = obj.offsetLeft;      
	curtop = obj.offsetTop;        
	while (obj = obj.offsetParent) 
	{                
	curleft += obj.offsetLeft;                
	curtop += obj.offsetTop;        
	}
	}
	return [curleft,curtop];
}

function getOffsets (evt) 
{
	br=navigator.appName;
	if(br=='Microsoft Internet Explorer')
	{
		var offsets = {offsetX: evt.offsetX,offsetY: evt.offsetY}
		return offsets;
	}
	else
	{
		var target = evt.target;
		var img = document.getElementById("mapimage");
		myPos = findPos(img);
		
		if (typeof target.offsetLeft == 'undefined') {
			target = target.parentNode;
		}
	//	var pageCoords = getPageCoords(target);
		var eventCoords = { 
			x: window.pageXOffset + evt.clientX,
		y: window.pageYOffset + evt.clientY
			};
			/*
		var offsets = {
			offsetX: eventCoords.x - pageCoords.x,
		offsetY: eventCoords.y - pageCoords.y
		}
		*/
		
		
		var offsets = {
			offsetX: eventCoords.x - myPos[0],
			offsetY: eventCoords.y - myPos[1]
		}
		
		//alert(offsets.offsetX + "," + offsets.offsetY);
		
			return offsets;
	}
}
function getPageCoords (element) 
{
	var coords = {x : 0, y : 0};
	while (element) {
	coords.x += element.offsetLeft;
	coords.y += element.offsetTop;
	element = element.offsetParent;
	}
	return coords;
}

function showInfo(infoDivId, title, text)
{
calls = calls + 1;

	br=navigator.appName;
	brversion=parseInt(navigator.appVersion);	
	var infoDiv = document.getElementById(infoDivId);	
	
	var speed = '';
	var isMetric = false;
	if(text.length > 7)
	{
	
		var split = text.split('<br/>');
		if(split[split.length - 1].indexOf("MPH") > 0)
			speed = split[split.length - 1].replace(' MPH', '');
		else
		{
			speed = split[split.length - 1].replace(' KPH', '');
			isMetric = true;
		}
	}
	else
	{
		if(text.indexOf("MPH") > 0)
			speed = text.replace(' MPH', '');
		else
		{
			speed = text.replace(' KPH', '');
			isMetric = true;
		}
	}

	
	if( ( (Number(speed) <= 25)&&(isMetric==false)) || ( (Number(speed) <= 40)&&(isMetric==true)) )
	{
		infoDiv.style.borderColor = '#ff2e27';	
	}
	else if( ( (Number(speed) <= 45)&&(isMetric==false)) || ( (Number(speed) <= 70)&&(isMetric==true)) )
	{
		infoDiv.style.borderColor = '#f8c400';	
	}
	else if( ( (Number(speed) > 45)&&(isMetric==false)) || ( (Number(speed) > 70)&&(isMetric==true)) )
	{
		infoDiv.style.borderColor = '#84c326';	
	}
	else
	{
		infoDiv.style.borderColor = '#cccccc';	
	}

	if (br=='Microsoft Internet Explorer')
	{	
			
		var srcEvent = window.event;
		var theLeft = 0;
		var theTop = 0;
		if (document.documentElement && document.documentElement.scrollTop)
		{
			theTop = document.documentElement.scrollTop;
			theLeft = document.documentElement.scrollLeft;	
		}
		else if (document.body){
			theTop = document.body.scrollTop;
			theLeft = document.body.scrollLeft;
		}
		if((window.event.offsetX) > 300)
		{
			positionX = srcEvent.clientX + theLeft - 10 - infoDiv.offsetWidth;
		}
		else
		{
			positionX = srcEvent.clientX + theLeft + 10;		
		}
		
		if((window.event.offsetY) > 300)
		{
			positionY = srcEvent.clientY + theTop - 10 - infoDiv.offsetHeight;
		}
		else
		{
				positionY = srcEvent.clientY + theTop + 10;
		}
		if(positionX > 700)
			positionX = positionX - 250;
			
		infoDiv.innerHTML = text;
		infoDiv.style.visibility = 'visible';		
		infoDiv.style.left = positionX + 'px';
		infoDiv.style.top = positionY + 'px';
	}
	else if(br=='Netscape')
	{
		
		var srcEvent = arguments.callee.caller.arguments[0];						
		var OffSets = getOffsets(srcEvent);
		var positionX  = 0;
		var positionY = 0;
		if((OffSets.offsetX) > 300)
		{
			positionX = srcEvent.pageX  - infoDiv.offsetWidth;
		}
		else
		{
			positionX = srcEvent.pageX + 10;

		}
		if((OffSets.offsetY) > 300)
		{
			positionY = srcEvent.pageY - infoDiv.offsetHeight;
		}
		else
		{
			positionY = srcEvent.pageY + 10; 
		}		
		if(title != '')
			infoDiv.innerHTML = '<div style=\'background-color:#b6c7e5\'><b>' + title + '</b></div>' + text;
		else
			infoDiv.innerHTML = text;

		infoDiv.style.visibility = 'visible';
		
		infoDiv.style.left = positionX + 'px';
		infoDiv.style.top = positionY + 'px';
	}
	else
	{
		alert('Browser Not Defined');
	}
	
	//alert(infoDiv.outerHTML);

}

function hideInfo(infoDivId)
{			
	var infoDiv = document.getElementById(infoDivId);
	window.status = '';	
	infoDiv.style.visibility = 'hidden';
}