var pic;
	        function closeUp()
			        { 
        				
				        var popUp = document.getElementById("desPopUp");
				        popUp.style.display = 'none';
        				flg='';
        				document.getElementById("redFrm").src="/siteimages/shim.gif";
			        }
			
			

			function showDetail(str, f)
			{
				if (str.length==0)
			  		{ 
			  			document.getElementById("desPopUp").innerHTML="";
			 			 return;
			  		}

				xmlHttp=GetXmlHttpObject();
				if (xmlHttp==null)
			  	{
			  		alert ("Your browser does not support AJAX!");
			 		 return;
			  	} 
			  	
                var url
				//var url="CheckUN.asp";
				if (f!="")
				   { 
				        pic=f;
				        url="../CheckUN.asp?q="+str;
				        document.getElementById("desPopUp").innerHTML= "<img src='/siteimages/ajax-loader.gif'>"	
				        xmlHttp.onreadystatechange=stateChanged;
				        xmlHttp.open("GET",url,true);
				        xmlHttp.send(null);
				     }
				else
				    {
				        url = "../CheckUN.asp?update=true&q="+str;
				      
				        xmlHttp.open("GET",url,true);
				        xmlHttp.send(null);}
				
			

				} 

			function stateChanged() 
			{ 
				if (xmlHttp.readyState==4)
					{ 	
						//var content = '<table width="250" border="0" cellspacing="0" cellpadding="0" bgcolor="#6a4101"><tr><td align="right"><a href="javascript:closeUp();">CLOSE</a></div></div></td></tr><tr><td valign="top" ><table width=100%><tr><td>&nbsp;</td><td style="color:#ffffff;">'
						flg='true';
						
                        document.getElementById("redFrm").src='../siteimages/maps/'+ pic+'.gif'
                        document.getElementById("redFrm").style.display='';
                        //showRedBorder(pic)
                        
                        var content = '<table  border="2" cellpadding="0" cellspacing="0" bgcolor="#ffffff" bordercolor="#003399" style="z-index:10;position:absolute;"><tr><td valign="top" ><table width="100%"  border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff" ><tr><td align="right"><a href="javascript:closeUp();" ><img src="/siteimages/maps/close.jpg" width="45" height="16" border="0"></a></td></tr><tr><td style="color:#ffffff;">'
						var content2 = '</td></tr></table></td></tr></table>'
						document.getElementById("desPopUp").innerHTML = content+xmlHttp.responseText+ content2;
					
					
                       // document.getElementById('MapLocations').getElementsByTagName("area").item[0].background='red';
                       //document.getElementById('R118').style="border:solid 1px red;";
                       
                     
                       }
			}
			
	

			function GetXmlHttpObject()
			{
			var xmlHttp=null;
			try
			  {
			  // Firefox, Opera 8.0+, Safari
			  xmlHttp=new XMLHttpRequest();
			  }
			catch (e)
			  {
			  // Internet Explorer
			  try
			    {
			    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			    }
			  catch (e)
			    {
			    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			    }
			  }
			return xmlHttp;
			}
						
			function showDesPopUp(id_name, desID, picID, fm) {	
			
			
			    //document.getElementById('clickState').value = this.id;

			// Determine how much the visitor had scrolled
			
			
			var scrolledX, scrolledY;
			if( self.pageYOffset ) {
			  scrolledX = self.pageXOffset;
			  scrolledY = self.pageYOffset;
			} else if( document.documentElement && document.documentElement.scrollTop ) {
			  scrolledX = document.documentElement.scrollLeft;
			  scrolledY = document.documentElement.scrollTop;
			} else if( document.body ) {
			  scrolledX = document.body.scrollLeft;
			  scrolledY = document.body.scrollTop;
			}

			// Determine the coordinates of the center of browser's window

			var centerX, centerY;
			if( self.innerHeight ) {
			  centerX = self.innerWidth;
			  centerY = self.innerHeight;
			} else if( document.documentElement && document.documentElement.clientHeight ) {
			  centerX = document.documentElement.clientWidth;
			  centerY = document.documentElement.clientHeight;
			} else if( document.body ) {
			  centerX = document.body.clientWidth;
			  centerY = document.body.clientHeight;
			}

			 
			 // var topOffset = scrolledY + (centerY - 200) / 2-50;
			 if (fm != '')
			    { 
			        var leftOffset = scrolledX + (centerX - 250) / 2+180;
			        var topOffset = scrolledY + (centerY - 200) / 2-50;
			    }
			 else
			 {
			        var leftOffset = scrolledX + (centerX - 250) / 2;
			        var topOffset = scrolledY + (centerY - 200) / 2-50;
			  }
			 

			  document.getElementById(id_name).style.top = topOffset + "px";
			  document.getElementById(id_name).style.left = leftOffset + "px";
			  document.getElementById(id_name).style.display = "block";
			  
			  showDetail(desID, picID);
			 
			}