/*
     FILE ARCHIVED ON 14:32:34 Oct 29, 2016 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 11:08:27 Oct 18, 2024.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/


var html = "<div id=\"aqfwidget_wpr\" class=\"aqfwidget_activeTab-today\">"
				+"  <div class=\"aqfwidget_logo\">"
				+"	<img name=\"Logo\" src=\"https://webarchive.library.unt.edu/web/20161029143234/http://widget.cleanairpartners.net/images/airqualitywidget/images/BackPane.gif\" width=\"300\" height=\"250\" border=\"0\" usemap=\"#m_BackPane\" >"
				+"  <map name=\"m_BackPane\">"
				+"  <area shape=\"rect\" coords=\"7,7,66,58\" href=\"https://webarchive.library.unt.edu/web/20161029143234/http://www.cleanairpartners.net\" target=\"_blank\" title=\"www.cleanairpartners.net\" alt=\"www.cleanairpartners.net\" >"
				+"  </map>"
				+"  </div>"
				+"<div id=\"aqfwidget_pane-wpr\" >"
				+"	<div id=\"aqfwidget_today-wpr\">"
				+"		<div id=\"aqfwidget_todayTab-active\"></div>"
				+"		<div id=\"aqfwidget_3DayTab\"></div>"
				+"		<div id=\"aqfwidget_todayPane\" class=\"aqfwidget_pane\">"
				+"			<div id=\"aqfwidget_todayTab-content-wpr\">"
				+"				<div id=\"aqfwidget_todayTab-content\" class=\"aqfwidget_tabContent\">"			
				+"				</div>"	
				+"			</div>"	
				+"		</div>"	
				+"	</div>"	
				+"</div>"	
				+"<div id=\"aqfwidget_3Day-wpr\" >"	
				+"	<div id=\"aqfwidget_todayTab-inactive\"></div>"	
				+"	<div id=\"aqfwidget_3DayPane\" class=\"aqfwidget_pane\">"	
				+"		<div id=\"aqfwidget_3DayTab-content\" class=\"aqfwidget_tabContent\">"		
				+"		</div>"	
				+"	</div>"	
				+"</div>"	
			// elements absolutely positioned to be in the same place no matter the tab.
			+"<div class=\"aqfwidget_map\">"
			+"	<img name=\"map_all\" src=\"https://webarchive.library.unt.edu/web/20161029143234/http://widget.cleanairpartners.net/images/airqualitywidget/images/map/map_gray.gif\" width=\"286\" height=\"159\" border=\"0\" usemap=\"#m_map_all\" alt=\"\">"
			+"	<map name=\"m_map_all\">"
			+"		<area id=\"aqfwidget_map-area-wm\" shape=\"poly\" coords=\"5,6,125,5,119,14,117,20,116,30,115,36,112,37,109,36,109,34,110,33,107,30,107,25,103,23,101,19,103,18,103,16,98,17,94,15,87,10,83,9,80,11,79,14,75,14,73,13,69,15,68,18,67,23,60,21,53,18,47,14,43,19,38,25,36,27,30,25,18,36,16,38,13,39,4,46,4,24\" >"
			+"		<area id=\"aqfwidget_map-area-mb\" shape=\"poly\" coords=\"227,5,140,6,136,13,143,17,148,22,145,28,144,35,151,45,154,49,165,54,167,60,172,63,174,68,173,74,172,79,176,81,182,84,184,78,186,74,185,70,186,69,188,65,191,60,190,56,188,50,183,46,181,46,188,45,190,42,191,39,194,38,195,34,198,36,204,32,207,28,209,22,210,20,215,20,214,25,213,31,222,32,228,31,228,17\" >"
			+"		<area id=\"aqfwidget_map-area-mw\" shape=\"poly\" coords=\"126,5,119,14,117,25,115,36,110,37,105,49,97,62,115,67,112,74,122,96,125,96,135,101,136,110,139,113,144,113,151,109,153,110,153,116,156,118,163,118,163,114,162,111,168,101,174,101,178,105,189,114,190,114,192,108,184,100,184,90,184,84,180,84,177,81,174,82,172,78,174,72,173,64,167,60,164,55,160,51,155,49,151,44,147,41,143,35,148,24,144,18,136,14,141,6,126,5\" >"
			+"		<area id=\"aqfwidget_map-area-es\" shape=\"poly\" coords=\"229,31,220,32,213,31,208,32,203,37,199,48,200,54,201,58,204,60,202,63,198,62,197,59,194,64,193,72,195,73,199,67,202,69,204,73,203,77,199,73,196,78,193,87,199,84,204,86,214,93,209,93,205,91,198,91,199,99,196,99,201,113,208,121,215,121,216,118,219,119,224,120,224,123,220,125,220,130,228,130,225,133,224,145,230,142,238,142,245,140,255,138,264,118,268,120,261,137,266,132,271,122,271,111,273,104,268,103,252,103,234,102,232,63,229,34\" >"
			+"	</map>"
			
				+"	<div id=\"aqfwidget_map-mb\">"
				
					+"		<img name=\"map_all\" src=\"https://webarchive.library.unt.edu/web/20161029143234/http://widget.cleanairpartners.net/images/airqualitywidget/images/map/map_mb_2.gif\" width=\"286\" height=\"159\" border=\"0\" usemap=\"#m_map_all\" alt=\"\">"
				
				+"  </div>"
			
				+"	<div id=\"aqfwidget_map-mw\">"
				
					+"		<img name=\"map_all\" src=\"https://webarchive.library.unt.edu/web/20161029143234/http://widget.cleanairpartners.net/images/airqualitywidget/images/map/map_mw_2.gif\" width=\"286\" height=\"159\" border=\"0\" usemap=\"#m_map_all\" alt=\"\">"
				
				+"  </div>"
			
				+"	<div id=\"aqfwidget_map-wm\">"
				
					+"		<img name=\"map_all\" src=\"https://webarchive.library.unt.edu/web/20161029143234/http://widget.cleanairpartners.net/images/airqualitywidget/images/map/map_wm_2.gif\" width=\"286\" height=\"159\" border=\"0\" usemap=\"#m_map_all\" alt=\"\">"
				
				+"  </div>"
			
				+"	<div id=\"aqfwidget_map-es\">"
				
					+"		<img name=\"map_all\" src=\"https://webarchive.library.unt.edu/web/20161029143234/http://widget.cleanairpartners.net/images/airqualitywidget/images/map/map_es_2.gif\" width=\"286\" height=\"159\" border=\"0\" usemap=\"#m_map_all\" alt=\"\">"
				
				+"  </div>"
			
			+"</div>"
			
			
				+"<div id=\"aqfwidget_aqiBox-mb\" class=\"aqfwidget_aqiBox\">"
				+"  <span class=\"aqfwidget_aqibox-header\">Metro Baltimore</span>"
				+"	<div class=\"aqfwidget_aqibox-today-content\">"
				+"	  <div class=\"aqfwidget_aqibox-content aqfwidget_aqi-2-img\">"
					 	
				+"	  </div>"
				+"  </div>"
				+"	<div class=\"aqfwidget_aqibox-3Day-content\">"
						
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-2\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Sun <br /> 10/30"
								+"			</span>"
								+"		</div>"
									
							
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-1\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Mon <br /> 10/31"
								+"			</span>"
								+"		</div>"
									
							
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-1\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Tue <br /> 11/1"
								+"			</span>"
								+"		</div>"
									
							
				+"		<div class=\"aqfwidget_clear\"></div>"
				+"  </div>"
				+"</div>"	
			
				+"<div id=\"aqfwidget_aqiBox-mw\" class=\"aqfwidget_aqiBox\">"
				+"  <span class=\"aqfwidget_aqibox-header\">Metro Washington</span>"
				+"	<div class=\"aqfwidget_aqibox-today-content\">"
				+"	  <div class=\"aqfwidget_aqibox-content aqfwidget_aqi-2-img\">"
					 	
				+"	  </div>"
				+"  </div>"
				+"	<div class=\"aqfwidget_aqibox-3Day-content\">"
						
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-2\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Sun <br /> 10/30"
								+"			</span>"
								+"		</div>"
									
							
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-1\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Mon <br /> 10/31"
								+"			</span>"
								+"		</div>"
									
							
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-1\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Tue <br /> 11/1"
								+"			</span>"
								+"		</div>"
									
							
				+"		<div class=\"aqfwidget_clear\"></div>"
				+"  </div>"
				+"</div>"	
			
				+"<div id=\"aqfwidget_aqiBox-wm\" class=\"aqfwidget_aqiBox\">"
				+"  <span class=\"aqfwidget_aqibox-header\">Western Maryland</span>"
				+"	<div class=\"aqfwidget_aqibox-today-content\">"
				+"	  <div class=\"aqfwidget_aqibox-content aqfwidget_aqi-2-img\">"
					 	
				+"	  </div>"
				+"  </div>"
				+"	<div class=\"aqfwidget_aqibox-3Day-content\">"
						
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-2\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Sun <br /> 10/30"
								+"			</span>"
								+"		</div>"
									
							
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-1\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Mon <br /> 10/31"
								+"			</span>"
								+"		</div>"
									
							
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-2\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Tue <br /> 11/1"
								+"			</span>"
								+"		</div>"
									
							
				+"		<div class=\"aqfwidget_clear\"></div>"
				+"  </div>"
				+"</div>"	
			
				+"<div id=\"aqfwidget_aqiBox-es\" class=\"aqfwidget_aqiBox\">"
				+"  <span class=\"aqfwidget_aqibox-header\">Eastern Shore</span>"
				+"	<div class=\"aqfwidget_aqibox-today-content\">"
				+"	  <div class=\"aqfwidget_aqibox-content aqfwidget_aqi-2-img\">"
					 	
				+"	  </div>"
				+"  </div>"
				+"	<div class=\"aqfwidget_aqibox-3Day-content\">"
						
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-1\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Sun <br /> 10/30"
								+"			</span>"
								+"		</div>"
									
							
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-1\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Mon <br /> 10/31"
								+"			</span>"
								+"		</div>"
									
							
								+"		<div class=\"aqfwidget_forecastBox aqfwidget_aqi-1\">"	
					
								+"			<span class=\"aqfwidget_forecastBox-content\">"
								+"				Tue <br /> 11/1"
								+"			</span>"
								+"		</div>"
									
							
				+"		<div class=\"aqfwidget_clear\"></div>"
				+"  </div>"
				+"</div>"	
			
			+"	<div id=\"aqfwidget_infoIcon\"></div>"	
			+"	<div id=\"aqfwidget_infoDisplay\">"	
			//+"		<div id=\"aqfwidget_infoDisplay-content\"></div>"	
			+"	</div>"
			
			+"  <div id=\"aqfwidget_footer\" >"
			+"  </div>"
			+"	<div id=\"aqfwidget_footerDisplay\">"
			+"		<div id=\"aqfwidget_footerDisplay-content\">"
			+"				Get exercise. Walking or riding a bike on short trips will save gas and help protect the air."
			+"  	</div>" 	
			+"	</div>"
			
		+"</div>";		
		
(function () {
	sti = {};	
	sti.Util = {
		isArray : function (obj) 
		{
			if (typeof(obj) === "object" && obj.constructor)
			{
				//returns true is it is an array
				if (obj.constructor.toString().indexOf("Array") === -1)
				{
					return false;
				}
				else
				{
					return true;
				}
			}
			return false;
		},
		isString : function (input)
		{
			return typeof(input) === 'string';
		}
	};
	
	var Util = sti.Util;
	sti.Dom = {
		removeClass : function (el, classToRemove)
		{
			
			var classNamesArray = el.className.split(' '),
				classNames		= "",
				separator		= "";
			
			for (var i = 0; i < classNamesArray.length; i++)
			{
				if (classNamesArray[i] !== classToRemove)
				{
					classNames += separator + classNamesArray[i];
					separator = " ";
				} 
			}
			el.className = classNames;
		},
		addClass : function (el, classToAdd)
		{
			var _el = this.getElementById(el);
			
			if (_el.className.length === 0)
				_el.className = classToAdd;
			else
				_el.className += " " + classToAdd;
		},
		getElementById : function (id)
		{
			var getElement = function (obj)
			{
				if (Util.isString(obj))
				{
					return document.getElementById(obj);
				}
				else
				{
					return obj;
				}
			};
			
			
			if (Util.isArray(id))
			{
				var elArray = [];
				for (var i = 0; i < id.length; i++)
				{
					elArray.push(getElement(id));
				}
				return elArray;
			}
			else
			{
				return getElement(id);
			}
		},
		addListener : function (el,eventType,fn,scope)
		{
			var _el = this.getElementById(el);
			var callbackWrapper = function(e)
			{
				if (scope)
				{
					fn.call(scope,e);
				}
				else
				{
					fn(e);
				}
			};

			if (_el.addEventListener)
			{
				_el.addEventListener(eventType,callbackWrapper,false);
			}
			else if (_el.attachEvent)
			{
				_el.attachEvent('on'+eventType,callbackWrapper);
			}
			
		},
		setStyle : function (el,property,value)
		{
			var _el = this.getElementById(el);
			_el.style[property] = value;
		},
		loadCssFile : function (filename)
		{
			var headEl = document.getElementsByTagName("head")[0];
			var fileRef = document.createElement("link");
			fileRef.setAttribute("rel", "stylesheet");
			fileRef.setAttribute("type", "text/css");
			fileRef.setAttribute("href", filename);
			headEl.appendChild(fileRef);
		}
	};
	
	var $ = sti.Dom.getElementById,
		Dom = sti.Dom;
	sti.AirQualityRegion = function(code)
	{
		this._code = code;
		this._mapEl = null;
		this._boxEl = null;
		this._state = false;
		this._on3Day = false;
		
	}
	sti.AirQualityRegion.prototype = 
	{
		_hideAqiBox : function ()
		{
			Dom.setStyle(this._boxEl,'visibility','hidden');
		},
		_showAqiBox : function ()
		{
			Dom.setStyle(this._boxEl,'visibility','visible');
		},
		_handleMouseOver : function (e, code)
		{
			if (this._on3Day === false && this._state === false)
			{
				this._showAqiBox();	
				this._state = true;
			}
						
		},
		_handleMouseOut : function (e, code)
		{
			if (this._on3Day === false && this._state === true)
			{
				this._hideAqiBox(code);
				this._state = false;
			}
		},
		onDomReady : function()
		{
			this._mapEl = $('aqfwidget_map-area-' + this._code);
			this._boxEl = $("aqfwidget_aqiBox-" + this._code);
			
			//map region hover event registration
			Dom.addListener(this._mapEl, 'mouseover',this._handleMouseOver,this);
			Dom.addListener(this._mapEl, 'mouseout',this._handleMouseOut,this);
			//aqi box hover event registration
			Dom.addListener(this._boxEl, 'mouseover', this._handleMouseOver,this);
			Dom.addListener(this._boxEl, 'mouseout', this._handleMouseOut,this);
		},
		onTabChange : function(is3DayTab)
		{
			this._on3Day = is3DayTab;
			if (is3DayTab === true)
			{
				this._showAqiBox();
			}
			else
			{
				this._hideAqiBox();
			}
			
		}

	};
	
	var AirQualityRegion = sti.AirQualityRegion;
	
	sti.AirQualityForecastWidget = function (id, options)
	{
		this._id = id;
		
		
		Dom.loadCssFile("https://webarchive.library.unt.edu/web/20161029143234/http://widget.cleanairpartners.net/css/airqualitywidget/widget.css");
		this._regions = [];
		this._regionCodes = ['wm','mw','mb','es'];	
		for (var i = 0; i < this._regionCodes.length; i++)
		{
			this._regions[this._regionCodes[i]] = new AirQualityRegion(this._regionCodes[i]);	
		}
	};
	sti.AirQualityForecastWidget.prototype =
	{
		_handle3DayTabClick : function (e)
		{
			var switcherEl = $('aqfwidget_wpr');
			Dom.removeClass(switcherEl, 'aqfwidget_activeTab-today');
			Dom.addClass(switcherEl, 'aqfwidget_activeTab-3Day');
			for (var i = 0; i < this._regionCodes.length; i++)
			{
				var code = this._regionCodes[i];
				this._regions[code].onTabChange(true);
			}
		},
		_handleTodayTabClick : function (e)
		{
			
			var switcherEl = $('aqfwidget_wpr');
			Dom.removeClass(switcherEl, 'aqfwidget_activeTab-3Day');
			Dom.addClass(switcherEl, 'aqfwidget_activeTab-today');
			for (var i = 0; i < this._regionCodes.length; i++)
			{
				var code = this._regionCodes[i];
				this._regions[code].onTabChange(false);
			}
			
		},
		_handleInfoIconHover : function (e) 
		{
			Dom.setStyle("aqfwidget_infoDisplay",'display','block');
		},
		_handleInfoIconMouseOut : function (e)
		{
			Dom.setStyle("aqfwidget_infoDisplay",'display','none');
		},

		//added for footer hover
		_handleFooterHover : function (e) 
		{
			Dom.setStyle("aqfwidget_footerDisplay",'display','block');
		},
		_handleFooterMouseOut : function (e)
		{
			Dom.setStyle("aqfwidget_footerDisplay",'display','none');
		},


		_injectWidgetHtmlIntoDom : function (el)
		{
			el.innerHTML = html;
		},
		
		init : function ()
		{
			var el = $(this._id);
			this._injectWidgetHtmlIntoDom(el);
			
			//click event registration
			Dom.addListener("aqfwidget_3DayTab",'click',this._handle3DayTabClick,this);
			Dom.addListener("aqfwidget_todayTab-inactive",'click',this._handleTodayTabClick,this);
			
			//hover event registration
			Dom.addListener("aqfwidget_infoIcon",'mouseover',this._handleInfoIconHover,this);
			Dom.addListener("aqfwidget_infoIcon",'mouseout',this._handleInfoIconMouseOut,this);

			//added for footer hover, showing tips
			Dom.addListener("aqfwidget_footer",'mouseover',this._handleFooterHover,this);
			Dom.addListener("aqfwidget_footer",'mouseout',this._handleFooterMouseOut,this);
			
			for (var i = 0; i < this._regionCodes.length; i++)
			{
				var code = this._regionCodes[i];
				this._regions[code].onDomReady();
			}
		}
	};
})();