// code related to lightbox effect

		var serverPage = "http://" + document.domain + "/ajax_detail.cfm?pID=";
		
		function xmlhttpPost(strURL) {
		    var xmlHttpReq = false;
		    var self = this;
		    // Mozilla/Safari
		    if (window.XMLHttpRequest) {
		        self.xmlHttpReq = new XMLHttpRequest();
		    }
		    // IE
		    else if (window.ActiveXObject) {
		        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
		    }
		    self.xmlHttpReq.open('POST', strURL, true);
		    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		    self.xmlHttpReq.onreadystatechange = function() {
		        if (self.xmlHttpReq.readyState == 4) {
		            updatepage(self.xmlHttpReq.responseText);
		        }
		    }
		     //self.xmlHttpReq.send(getquerystring());
			 self.xmlHttpReq.send('w=IT WORKED');
		}
		
		function getquerystring() {
		    var form = document.forms['myForm'];
		    var ID = form.ID.value;
		    qstr = 'ID=' + escape(ID);  // NOTE: no '?' before querystring
		    return qstr;
		}
		
		function updatepage(str){
		    document.getElementById("result").innerHTML = str;
		}
	
		
		function showDetail(item) {
			window.scrollTo(0,0);
			popObj = document.getElementById('light');
			popObj.style.display='block';
			document.getElementById('fade').style.display='block';
			xmlhttpPost(serverPage + item);
			var slideLeft = parseInt(popObj.clientWidth/2) ;
			if(slideLeft == 0) {slideLeft = 200};
			popObj.style.marginLeft="-" + slideLeft + "px";
		}
		function hideDetail() {
			document.getElementById('light').style.display='none';
			document.getElementById('fade').style.display='none';
		}