function showPopupBox(photo)
{
	var img = new Image;
	img.src=photo;
	var innerWidth= parseInt(img.width) + 10;
	var innerHeight = parseInt(img.height) + 25;
    var popDiv = document.getElementById("newDivpop");
    var popaboveDiv = document.getElementById("popupDiv");
    if(popDiv)
    {
         document.body.removeChild(popDiv);
    }
    popDiv = document.createElement("div");
    popDiv.id = "newDivpop";
    popDiv.style.top = "0";
    popDiv.style.left = "0";
    popDiv.style.position = "absolute";
    popDiv.style.width = document.body.clientWidth;
    popDiv.style.height = document.body.scrollHeight;
    popDiv.style.backgroundImage = "url(overlay.png)";
    //popDiv.style.filter="alpha(style=0, opacity=60)";
    document.body.appendChild(popDiv);
        

    if(popaboveDiv)
    {
         document.body.removeChild(popDiv);
    }
    popaboveDiv = document.createElement("div");
	popaboveDiv.id = "popupDiv";
	popaboveDiv.style.position = "absolute";
	popaboveDiv.style.backgroundColor = "#F2ECD5";
	popaboveDiv.style.backgroundImage = "url(images/loading.gif)";
	popaboveDiv.style.backgroundRepeat = "no-repeat";
	popaboveDiv.style.backgroundPosition = "center center";
	popaboveDiv.style.width = innerWidth + "px";
	popaboveDiv.style.height = innerHeight + "px";
	popaboveDiv.setAttribute("align","center");
	document.body.appendChild(popaboveDiv);
    
	popaboveDiv.style.left = (parseInt(popDiv.style.width) - innerWidth)/2;
    popaboveDiv.style.top = parseInt(document.body.scrollTop) + ((parseInt(document.body.clientHeight) - innerHeight) / 2);

	var contentStr = "<table border='0' width='100%' id='table1' cellspacing='0' align='center' cellpadding='0'><tr>";
	contentStr += "<td align='right' style='padding-right:5px; padding-bottom:3px;padding-top:2px'><a href='javascript:hidePopupBox()' class='href' style='text-decoration: none'>";
	contentStr += "<img src='images/close.png' border='0'></a></td></tr>";
	contentStr += "<tr><td valign='top' align='center' style='padding-bottom:5px'><img src='" + photo + "' onclick='hidePopupBox()'></td></tr></table>";


    popaboveDiv.innerHTML = contentStr;
    popDiv.style.display = "block";
    popaboveDiv.style.display = "block";

}


function showPopupVideo(url)
{
    var popDiv = document.getElementById("newDivpop");
    var popaboveDiv = document.getElementById("popupDiv");
    if(popDiv)
    {
         document.body.removeChild(popDiv);
    }
    popDiv = document.createElement("div");
    popDiv.id = "newDivpop";
    popDiv.style.top = "0";
    popDiv.style.left = "0";
    popDiv.style.position = "absolute";
    popDiv.style.width = document.body.clientWidth;
    popDiv.style.height = document.body.scrollHeight;
    popDiv.style.backgroundImage = "url(overlay.png)";
    //popDiv.style.filter="alpha(style=0, opacity=60)";
    document.body.appendChild(popDiv);
    if(popaboveDiv)
    {
         document.body.removeChild(popDiv);
    }
    popaboveDiv = document.createElement("div");
    popaboveDiv.id = "popupDiv";
    popaboveDiv.style.position = "absolute";
    popaboveDiv.style.width = "300px";
    popaboveDiv.style.height = "150px";
    document.body.appendChild(popaboveDiv);
    popaboveDiv.style.left = (parseInt(popDiv.style.width) - 425) / 2;
    popaboveDiv.style.top = document.body.scrollTop + (parseInt(popDiv.style.height)  - 1000) / 2 ;
    
    
  
//    var contentStr = "<table border='0' id='table1' cellspacing='0' cellpadding='0'>";
//    contentStr += "<tr><td><img border='0' src='images/frame_down.png' width='300' height='20'></td></tr>";
//    contentStr += "<tr><td background='images/frame_bg.png' align='center' valign='top'>";
    var contentStr = "<table border='0' bgcolor='#F2ECD5' id='maintbl' class='text' width='230' height='265'><tr><td></td>";
    contentStr += "<td align='center'><table border='0' id='table2' cellspacing='1' class='text'><tr>";
    contentStr += "<td valign='top' align='left'>";
    contentStr += "<object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' width='425' height='350' id='qtboxMovie'><param name='src' value='"+url +"' /><param name='scale' value='aspect' /><param name='controller' value='true' /><param name='autoplay' value='true' /><param name='bgcolor' value='#000000' /><param name='enablejavascript' value='true' /></object>";
    contentStr += "</td>";
    contentStr += "</tr></table>";
    
  
       
//    contentStr += "<tr><td valign='top'></td><td valign='top'><p align='left'>";
//    contentStr += "<a href='javascript:hidePopupBox()' class='href' style='text-decoration: none'>";
//    contentStr += "<font color='#E1A700'><b>X</b></font></a></td></tr></table></td></tr></table></td><td></td></tr></table>";
contentStr += "</td><td align='left' valign='top'><a href='javascript:hidePopupBox()' class='href' style='text-decoration: none'>";
contentStr += "<font color='#E1A700'><b>X</b></font></a></td></tr></table>";
    popaboveDiv.innerHTML = contentStr;
    popDiv.style.display = "block";
    popaboveDiv.style.display = "block";

}

function hidePopupBox()
{
    //document.getElementById("newDivpop").style.display = 'none';
    //document.getElementById("popupDiv").style.display = 'none';
	document.body.removeChild(document.getElementById("newDivpop"));
	document.body.removeChild(document.getElementById("popupDiv"));
}