// JScript File

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')
	{
		cam = document.getElementById('campreview');
		cam.src = new_image.src;
		InitLeft = parseInt(t.style.left) + 20;
		if((InitLeft) > 280) InitLeft = parseInt(t.style.left) - width - 10;
		InitTop = parseInt(t.style.top) + 10;
		if((InitTop) > 280) InitTop = parseInt(t.style.top) - height;
		
		new_image.src = url;

		cam.src = new_image.src;
		cam.style.left = InitLeft;
		cam.style.top = InitTop;
		cam.width = width;
		cam.height = height;
		cam.style.visibility = 'visible';
		new_image.src = "/images/map/camdownload.jpg";
	}
	else
	{
		var cam_div = document.getElementById("campreview_div");
		cam_div.innerHTML = "";
		var cam_img = document.getElementById('campreview').cloneNode(true);
		cam_img.src = new_image.src;
		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  + 15;
		positionY = srcEvent.pageY + 15;
		
		
		if(icon_left > 280)
			positionX = srcEvent.pageX - width - 10;
		if(icon_top > 280)
			positionY = srcEvent.pageY - height - 10;
			
		new_image.src = url;
		cam_img.src = new_image.src;	
		cam_div.style.left = positionX + "px";
		cam_div.style.top = positionY + "px";
		
		cam_img.width = width;
		cam_img.height = height;
		cam_img.style.visibility = 'visible';
		new_image.src = "/images/map/camdownload.jpg"; 
		cam_div.appendChild(cam_img);
		
	}
}

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='/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(){
	if(navigator.appName=='Microsoft Internet Explorer')
	{
		document.getElementById('campreview').style.visibility = 'hidden';
	}
	else
	{
		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");
		
		if(img != null)
		{
		myPos = findPos(img);
		
		if (typeof target.offsetLeft == 'undefined') {
			target = target.parentNode;
		}
		var eventCoords = { 
			x: window.pageXOffset + evt.clientX,
		y: window.pageYOffset + evt.clientY
			};
		
		
		var offsets = {
			offsetX: eventCoords.x - myPos[0],
			offsetY: eventCoords.y - myPos[1]
		}
		}
		else
		{
			var offsets = {
			offsetX: evt.pageX,
			offsetY: evt.pageY
		}
		
		}
		
			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 popup_incident(type, desc, severity)
{
	var infoDiv = document.getElementById("pop_up_div");
	var infoDivTest = document.getElementById("pop_up_div_test");
	
	infoDiv.innerHTML = "";
	infoDivTest.innerHTML = "";
	
	infoDiv.style.height = "";
	infoDiv.style.overflow = "hidden";
	

	
	br=navigator.appName;
	brversion=parseInt(navigator.appVersion);	
	var sev_string = '_mid';
	
	if (br=='Microsoft Internet Explorer')
	{	
		var html_string = "";
		var buff_div = document.createElement("div");
		buff_div.setAttribute("class","top_partner");
		
	    if(severity <=5)
		{
			sev_string = "_max";
		}
		else if(severity <= 12)
		{
			sev_string = "_mid";
		}
		else
			sev_string = "_none";
			
		var heading_div = document.createElement("div");
		heading_div.setAttribute("class", "top" + sev_string);
		heading_div.innerHTML = type ;
		
		buff_div.appendChild(heading_div);
		
		var desc_div = document.createElement("div");
		desc_div.setAttribute("class", "middle_mid_ie");
		desc_div.innerHTML = "<div class='" + type + "'></div>" + desc;
		infoDiv.style.width = "250px";
		
			
		buff_div.appendChild(desc_div);
		
		
		
		var heading_text = "<DIV class='top_heading'>Powered by BeatTheTraffic.com<img src='/images/x_off.gif' id='x_off' onclick='hideInfo_hotspot()'></div><br><br>";
		
		infoDiv.style.visibility = 'visible';
		infoDiv.innerHTML = heading_text +  buff_div.outerHTML;
		infoDivTest.innerHTML =  heading_text +  buff_div.outerHTML;

		if(infoDivTest.offsetHeight > 300)
		{
			infoDiv.style.height = 300;
			infoDiv.style.overflow = "auto";
		}

		infoDivTest.innerHTML = "";	
		
		var positionX = 0;
		var positionY = 0;
		
        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;
		}

		positionX = window.event.clientX + theLeft - 10 - infoDiv.offsetWidth;
		
		if((window.event.clientY + theTop) > (document.body.offsetHeight - infoDiv.offsetHeight - 10 ))
		{
			positionY = window.event.clientY + theTop - 10 - infoDiv.offsetHeight;
		}
		else
		{
				positionY = window.event.clientY + theTop + 10;
		}
		
		if(positionX > 700)
			positionX = positionX - 250;
			
		
		infoDiv.style.left = positionX + 'px';
		infoDiv.style.top = positionY + 'px';
		


	}
	else if(br=='Netscape')
	{
		var html_string = "";
		var outer_div = document.createElement("div");
		var buff_div = document.createElement("div");
		buff_div.setAttribute("class","top");
	
			if(severity <=5)
			{
				sev_string = "_max";
			}
			else if(severity <= 12)
			{
				sev_string = "_mid";
			}
			else
				sev_string = "_none";
				
			var heading_div = document.createElement("div");
			heading_div.setAttribute("class", "top" + sev_string);
			
//			if(type=="camera")
//				heading_div.innerHTML = desc;
//			else	
				heading_div.innerHTML = type ;
			
			buff_div.appendChild(heading_div);
			
			var desc_div = document.createElement("div");
			
			//desc_div.setAttribute("onclick", "show_camera('" + type + "','" +  p_link + "','" + t_link + "','" + camera_width +"','" + camera_height +"');");

//			if(type != "camera")
//			{
				desc_div.setAttribute("class", "middle_mid");
				desc_div.innerHTML = "<div class='" + type + "'></div>" + desc;
				infoDiv.style.width = "250px";
			//}
////			else
//			{
//				desc_div.setAttribute("class", "middle_mid_camera");
//				if(camera_type < 3)
//					desc_div.innerHTML = "<img src='" + p_link + "&date=" +  new Date().getTime() +  "' width=" + camera_width + " height=" + camera_height +" >";
//				else
//					desc_div.innerHTML = "<iframe src='" + p_link  + "' width=" + camera_width + " height=" + camera_height + " scrolling='no' >";
//				
//				infoDiv.style.width = camera_width + "px";
//			}
			buff_div.appendChild(desc_div);
		//}
		
		
		
		outer_div.appendChild(buff_div);
		
		var heading_text = "";
		//if(popup_array.length > 1)
			heading_text = "<DIV class='top_heading'>Powered by BeatTheTraffic.com<img src='/images/x_off.gif' id='x_off' onclick='hideInfo_hotspot()'></div><br><br>";
		
		infoDiv.style.visibility = 'visible';
		infoDiv.style.zIndex = 10000;
		infoDiv.innerHTML = heading_text +  outer_div.innerHTML;// + "</div>";
		infoDivTest.innerHTML =  heading_text +  buff_div.outerHTML;
		
		if(infoDiv.offsetHeight > 300)
		{
			infoDiv.style.height = 300;
			infoDiv.style.overflow = "auto";
		}

		infoDivTest.innerHTML = "";
			
			
		var srcEvent = arguments.callee.caller.arguments[0];
		//alert(srcEvent.pageX);
								
		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; 
		}	
		
		
		
		infoDiv.style.visibility='visible';
		infoDiv.style.left = positionX + 'px';
		infoDiv.style.top = positionY + 'px';
		traffic_layer_div.style.cursor = "pointer";
		
	}
	else
	{
		alert('Browser Not Defined');
	}

}

function hideInfo_hotspot()
{
	var infoDiv = document.getElementById("pop_up_div");
	infoDiv.style.visibility = 'hidden';
	infoDiv.innerHTML = "";
}


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;
		//alert(srcElement.outerHTML);
		
		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];
		//alert(srcEvent.pageX);
								
		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.innerHTML = "";
	infoDiv.style.visibility = 'hidden';
}

















// ADDED MY CAMERAS JS
function showCams(divId,type, desc )
{
	var infoDiv = document.getElementById(divId);
	//var infoDivTest = document.getElementById("pop_up_div_test");
	
	infoDiv.innerHTML = "";
	//infoDivTest.innerHTML = "";
	
	infoDiv.style.height = "";
	infoDiv.style.overflow = "hidden";
	

	
	br=navigator.appName;
	brversion=parseInt(navigator.appVersion);	
	
	if (br=='Microsoft Internet Explorer')
	{	
		var html_string = "";
		var buff_div = document.createElement("div");
		buff_div.setAttribute("class","top_partner");
			
		var heading_div = document.createElement("div");
		//heading_div.setAttribute("class", "top" + sev_string);
		heading_div.innerHTML = type ;
		
		buff_div.appendChild(heading_div);
		
		var desc_div = document.createElement("div");
		desc_div.setAttribute("class", "middle_mid_ie");
		desc_div.innerHTML = "<div class='" + type + "'></div>" + desc;
		infoDiv.style.width = "220px";
		
			
		buff_div.appendChild(desc_div);		
		
		var heading_text = "<DIV class='top_heading'>Powered by BeatTheTraffic.com<img src='/images/x_off.gif' id='x_off' onclick=\"hideInfo('"+divId+"')\"></div>";
		
		infoDiv.style.visibility = 'visible';
		infoDiv.innerHTML = heading_text +  buff_div.outerHTML;

		
		var positionX = 0;
		var positionY = 0;
		
        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;
		}

		positionX = window.event.clientX + theLeft - 10 - infoDiv.offsetWidth;
		
		if((window.event.clientY + theTop) > (document.body.offsetHeight - infoDiv.offsetHeight - 10 ))
		{
			positionY = window.event.clientY + theTop - 10 - infoDiv.offsetHeight;
		}
		else
		{
				positionY = window.event.clientY + theTop + 10;
		}
		
		positionY = window.event.clientY;
		
		if(positionX > 700)
			positionX = positionX - 250;
		if(positionX < 250)
		    positionX = positionX + 250;		   
			
		
		infoDiv.style.left = positionX + 'px';
		infoDiv.style.top = positionY + 'px';
		


	}
	else if(br=='Netscape')
	{
		var html_string = "";
		var outer_div = document.createElement("div");
		var buff_div = document.createElement("div");
		buff_div.setAttribute("class","top");
				
		var heading_div = document.createElement("div");
		//heading_div.setAttribute("class", "top" + sev_string);
			
//			if(type=="camera")
//				heading_div.innerHTML = desc;
//			else	
				heading_div.innerHTML = type ;
			
			buff_div.appendChild(heading_div);
			
			var desc_div = document.createElement("div");
			
			//desc_div.setAttribute("onclick", "show_camera('" + type + "','" +  p_link + "','" + t_link + "','" + camera_width +"','" + camera_height +"');");

//			if(type != "camera")
//			{
				desc_div.setAttribute("class", "middle_mid");
				desc_div.innerHTML = "<div class='" + type + "'></div>" + desc;
				infoDiv.style.width = "250px";
			//}
////			else
//			{
//				desc_div.setAttribute("class", "middle_mid_camera");
//				if(camera_type < 3)
//					desc_div.innerHTML = "<img src='" + p_link + "&date=" +  new Date().getTime() +  "' width=" + camera_width + " height=" + camera_height +" >";
//				else
//					desc_div.innerHTML = "<iframe src='" + p_link  + "' width=" + camera_width + " height=" + camera_height + " scrolling='no' >";
//				
//				infoDiv.style.width = camera_width + "px";
//			}
			buff_div.appendChild(desc_div);
		//}
		
		
		
		outer_div.appendChild(buff_div);
		
		var heading_text = "";
		//if(popup_array.length > 1)
			heading_text = "<DIV class='top_heading'>Powered by BeatTheTraffic.com<img src='/images/x_off.gif' id='x_off' onclick=\"hideInfo('"+divId+"')\"></div>";
		
		infoDiv.style.visibility = 'visible';
		infoDiv.style.zIndex = 10000;
		infoDiv.innerHTML = heading_text +  outer_div.innerHTML;// + "</div>";
		//infoDivTest.innerHTML =  heading_text +  buff_div.outerHTML;
		
		if(infoDiv.offsetHeight > 300)
		{
			infoDiv.style.height = 300;
			infoDiv.style.overflow = "auto";
		}

		//infoDivTest.innerHTML = "";
			
			
		var srcEvent = arguments.callee.caller.arguments[0];
		//alert(srcEvent.pageX);
								
		var OffSets = getOffsets(srcEvent);
		var positionX  = 0;
		var positionY = 0;
		if((OffSets.offsetX) > 300)
		{
			positionX = srcEvent.pageX  - 20;
		}
		else
		{
			positionX = srcEvent.pageX + 20;

		}
		if((OffSets.offsetY) > 500)
		{
			positionY = srcEvent.pageY - 20;
		}
		else
		{
			positionY = srcEvent.pageY + 20; 
		}						
		
		infoDiv.style.visibility='visible';
		infoDiv.style.left = positionX + 'px';
		infoDiv.style.top = positionY + 'px';
		traffic_layer_div.style.cursor = "pointer";
		
	}
	else
	{
		alert('Browser Not Defined');
	}

}




function showInfoCamera(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 - 20;
		}
		else
		{
			positionX = srcEvent.clientX + theLeft + 10;		
		}
		
		if((window.event.offsetY) > 300)
		{
			positionY = srcEvent.clientY + theTop - 20;
		}
		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];
		//alert(srcEvent.pageX);
								
		var OffSets = getOffsets(srcEvent);
		var positionX  = 0;
		var positionY = 0;
		if((OffSets.offsetX) > 300)
		{
			positionX = srcEvent.pageX  - 20;
		}
		else
		{
			positionX = srcEvent.pageX + 20;

		}
		if((OffSets.offsetY) > 300)
		{
			positionY = srcEvent.pageY - 20;
		}
		else
		{
			positionY = srcEvent.pageY + 20; 
		}		
		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);

}