// function for image popups
var PIMG_URI="/en2/images/stories";
function showImage(ev,image,xoffset,yoffset)
{
if (document.getElementById('ImageDiv'))
hideImage();
var d=document.createElement('div');
d.id="ImageDiv";
d.className='pimagebox';
/* d.innerHTML=''
+' '
+'  '
+' |
| '
+' Close '
+' | |
';
*/
var shadow=3; // 1 - 2 - 3
var width=3; // 15 - 8 - 3
var inner=
''
+''
+' | '
+' | '
+' | '
+'
| '
+''
+''
+' '
+' | '
+' | '
+'
| '
+' | '
+' |
';
d.innerHTML=inner;
var objEvt=ev || window.event;
var obj=objEvt.target || objEvt.srcElement;
var coords=getElementPos(obj);
var left=coords[0]-5;
var top=coords[1]-5;
if (xoffset)
left=coords[0]-5+xoffset;
if (yoffset)
top=coords[1]-5+yoffset;
if(d.offsetHeight)
{
top=coords[1]-d.offsetHeight-5;
if (coords[1]-d.offsetHeight<1)
top=5;
} else {
if (d.style.pixelHeight) {
top=coords[1]-d.style.pixelHeight-5;
if (coords[1]-d.style.pixelHeight<1)
top=5;
}
}
d.style.top=top+'px';
d.style.left=left+'px';
d.style.zIndex=100;
d.style.position="absolute";
document.body.appendChild(d);
// adjustDivHeight('ImageDiv',coords[1]);
WhenImageLoadedDo('adjustDivHeight(\'ImageDiv\','+coords[1]+');','image_id');
}
function WhenImageLoadedDo(proc,id)
{
img_timer = setInterval("CheckIfImgageLoaded(\""+proc+"\",'"+id+"')", 20);
}
function CheckIfImgageLoaded(proc,id)
{
if (document.getElementById(id) && document.getElementById(id).complete) {
clearInterval(img_timer);
eval(proc);
}
}
function adjustDivHeight(id,y)
{
var d=document.getElementById(id);
if(d.offsetHeight)
{
d.style.top=y-d.offsetHeight-5;
if (y-d.offsetHeight<1)
d.style.top=5;
} else {
d.style.top=y-d.style.pixelHeight-5;
if (y-d.style.pixelHeight<1)
d.style.top=5;
}
alert('Y:'+y);
d.style.position="absolute";
}
function hideImage()
// hides the image div. Called by clicking on the "close" symbol.
{
var img_div=document.getElementById('ImageDiv');
if (img_div)
document.body.removeChild(img_div);
}
function getElementPos(obj)
// get the position of an element on the page. Returns the coordinates [x,y].
{
var left=0;
var top=0;
if (obj.offsetParent) {
left = obj.offsetLeft
top = obj.offsetTop
while (obj = obj.offsetParent) {
left += obj.offsetLeft
top += obj.offsetTop
}
}
return [left,top];
}
document.all?document.attachEvent('onmousedown',OnDocumentClick):document.addEventListener('mousedown',OnDocumentClick,false);
function OnDocumentClick(ev)
// Hides all image boxes, triggered on click anywhere on webpage.
{
hideImage();
}