function modal(elem){
    var lis = elem.getElementsByTagName("LI");
    var backdrop = document.createElement("DIV");
    var object = document.getElementById("objectContainer");
    backdrop.css="position:fixed;height:98%;width:98%;top:1%;left:1%;background-color:Gray;"
    try{backdrop.style.setAttribute("cssText",backdrop.css+"filter: alpha(opacity = 70)");}
    catch(e){backdrop.setAttribute("style",backdrop.css+"opacity:.7");}

/*    var content = document.createElement("DIV");
//    content.css = "position:fixed;top:0;left:0;text-align:center;width:100%;z-index:100";
 //   try { content.style.setAttribute("cssText", content.css); }
 //   catch (e) { content.setAttribute("style", content.css); }
//    content.innerHTML = '' +
 //   '   <table style="border:thick solid #4B017E;margin:20px auto;background-color:white">' +
 //   '       <tr><td><div style="float:left"><a href="javascript:void(0)" style="margin-left:5px;text-decoration:none">Prev</a></div><div style="float:right"><a style="margin-right:5px;text-decoration:none" href="javascript:void(0)">Next</a></div></td></tr>' +
//    '       <tr><td style="text-align:center"><img width="400"/></td></tr>' +
//    '       <tr><td style="text-align:right"><a href="javascript:void(0)" style="text-decoration:none;color:#4B017E">Close</a></td></tr>' +
//    '   </table>';
//    var img = content.getElementsByTagName("IMG")[0];
 //   var divs = content.getElementsByTagName("DIV");
//    var a = content.getElementsByTagName("A")[2];
//    a.onclick = function() {
 //       document.body.removeChild(backdrop);
//        document.body.removeChild(content);
//        object.style.visibility = "visible";
//    }    
//    divs[0].onclick = function() { showPopup(currentIndex - 1); }
//    divs[1].onclick = function() { showPopup(currentIndex + 1); }

//    var currentIndex = -1;
    function showPopup(index) {
        object.style.visibility = "hidden";
//        currentIndex = (index+lis.length) % lis.length;
        document.body.appendChild(backdrop);
        document.body.appendChild(content);
        img.src = lis[currentIndex].getAttribute("src");
    }
    for (var i = 0; i < lis.length; i++) {
        lis[i].index = i;
        lis[i].onclick = function() { showPopup(this.index); }
        
    }*/
  //  function showPopup(index) {
	//			object.style.visibility="hidden";
  //  }
    for (var i = 0; i < lis.length; i++) {
    		lis[i].index = i;
    		lis[i].onclick = function() {
    				document.body.appendChild(backdrop);
    				object.style.visibility = "hidden";
    				var div = this.getElementsByTagName("DIV")[0].cloneNode(true);
    				//alert(div.innerHTML);
    				var closeButton = div.getElementsByTagName("DIV");
    				//alert('div"s length=' + closeButton.length);
    				for (var i = 0; i < closeButton.length; i++)
    						if (closeButton[i].className == "closeButton") {
    						closeButton = closeButton[i];
    						break;
    				}
    				var prevNext = document.createElement("DIV");
    				var marginTop = "15px";
    				if (this.index == 5)
    						if (navigator.userAgent.match(/msie\s+\d/i))
    								marginTop = "-105px";
    						else
    								marginTop = "-95px";

    				prevNext.innerHTML = '<table style="width:100%;position:absolute;bottom:5px;smargin-top:' + marginTop + ';">' +
    						'<tr>' +
    								'<td><a href="javascript:void(0)" style="color:white;float:left;margin-left:15px;font-size:24px;text-decoration:none;font-weight:bold;">Prev</a></td>' +
    								'<td><a href="javascript:void(0)" style="color:white;float:right;margin-right:15px;font-size:24px;text-decoration:none;font-weight:bold;">Next</a></td>' +
    						'</tr></table>';
    				var a = prevNext.getElementsByTagName("A");
    				var self = this;
    				a[0].onclick = function() { closeButton.onclick(); lis[(self.index - 1 + lis.length) % lis.length].onclick(); }
    				a[1].onclick = function() { closeButton.onclick(); lis[(self.index + 1 + lis.length) % lis.length].onclick(); }

    				div.appendChild(prevNext);
    				closeButton.onmouseover = function() { document.body.style.cursor = "pointer"; }
    				closeButton.onmouseout = function() { document.body.style.cursor = ""; }
    				closeButton.onclick = function() {
    						document.body.removeChild(div);
    						object.style.visibility = "";
    						document.body.removeChild(backdrop);
    				}
    				document.body.appendChild(div);
    				div.style.display = "block";
    				div.zIndex = 120;
    				var top = (document.documentElement.scrollTop + 30) - div.offsetTop;
    				div.style.top = top + "px";
    		}
		}
}