var str2;
	       var ctgry2;  
	        function closeUp()
			        { 
        				
				        var popUp = document.getElementById("detailArea");
				        popUp.style.display = 'none';
        				
			        }
			

			function showDetail(str, ctgry)
			{
			    str2= str
			    ctgry2 = ctgry
				if (str2.length==0)
			  		{
			  		    document.getElementById("eventdisplay").innerHTML = "";
			 			 return;
			  		}

				xmlHttp=GetXmlHttpObject();
				if (xmlHttp==null)
			  	{
			  		alert ("Your browser does not support AJAX!");
			 		 return;
			  	}

			var url = "http://www.oilonline.com/ShowDetail.asp";
				url=url+"?q="+str+"&ctgry="+ctgry;
				
				
				//document.getElementById("detailArea").innerHTML= "<img src='/siteimages/ajax-loader.gif'>" 
				
				xmlHttp.onreadystatechange=stateChanged;
				xmlHttp.open("GET",url,true);
				xmlHttp.send(null);

				}

				function showDropDown(str, drpID, dropID) {
				    str2 = str
				    ctgry2 = drpID
				    //if (str2.length == 0) {
				       // document.getElementById(dropID).innerHTML = "";
				       // return;
				   // }

				    xmlHttp = GetXmlHttpObject();
				    if (xmlHttp == null) {
				        alert("Your browser does not support AJAX!");
				        return;
				    }

				    var url = "http://www.oilonline.com/ShowDropDown.asp";
				    url = url + "?q=" + str2 + "&ctgry=" + ctgry2;

				   
				    //document.getElementById("detailArea").innerHTML= "<img src='/siteimages/ajax-loader.gif'>"
				    if (dropID == "proDropdown1")
				        xmlHttp.onreadystatechange = stateChangedDrp;
				    else {
				        if (dropID == "proDropdown2")
				            xmlHttp.onreadystatechange = stateChangedDrp2;
				        else
				            xmlHttp.onreadystatechange = stateChangedDrp3;
				    }
				    xmlHttp.open("GET", url, true);
				    xmlHttp.send(null);

				} 

			function stateChanged() 
			{ 
			    
				if (xmlHttp.readyState==4)
					{

					    document.getElementById("eventdisplay").innerHTML = xmlHttp.responseText;
						
			         }
			}
			function stateChangedDrp() {

			    if (xmlHttp.readyState == 4) {
			        //alert(xmlHttp.responseText)
			        document.getElementById('proDropdown1').innerHTML = xmlHttp.responseText;

			    }
			}

			function stateChangedDrp2() {

			    if (xmlHttp.readyState == 4) {

			        document.getElementById('proDropdown2').innerHTML = xmlHttp.responseText;

			    }
			}

			function stateChangedDrp3() {

			    if (xmlHttp.readyState == 4) {

			        document.getElementById('proDropdown3').innerHTML = xmlHttp.responseText;

			    }
			}
			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) {	
			
			
			

			// 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 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);
			 
			}