/* Image Popup Script
Author: David Schontzler (stilleye.com)
--- Description ---
Displays image popup and automatically sizes & centers
window according to image (DOM browsers only, degrades otherwise)
--- Sample use ---
With title:
View my image
Without title:
View my image
Or, to make the text description the title...
View my image
*/
var LoadingDots = 5;
var LoadingCurrent = 0;
var LoadingDirection = "right";
var LoadingTimeout = null;
function LoadingAnimation() {
if( document.getElementById("LoadingAnimation") ) {
var html = '';
for(var i = 0; i <= LoadingDots; i++) {
if(i == LoadingCurrent) html += '. ';
else html += '. ';
}
if(LoadingCurrent == LoadingDots) LoadingDirection = "left";
else if(LoadingCurrent == 0) LoadingDirection = "right";
if(LoadingDirection == "right") LoadingCurrent++;
else LoadingCurrent--;
document.getElementById("LoadingAnimation").innerHTML = html;
}
LoadingTimeout = window.setTimeout('LoadingAnimation()', 250);
}
function SetupImageEvents() {
var img = document.images[0];
if(img && img.id == "PopupImage") {
img.onload = function(e) { ShowImage(this, ImgTitle); }
img.onerror = function(e) { NoImage(); }
}
}
function ShowImage(img, title) {
window.clearTimeout(LoadingTimeout);
window.resizeTo(img.width, img.height);
window.moveTo( (screen.width - img.width)/2, (screen.height - img.height)/2 );
document.title = title;
with( document.getElementById("Image").style ) {
visibility = "visible";
left = 0;
top = 0;
}
}
function NoImage() {
window.clearTimeout(LoadingTimeout);
document.title = "Image not found"
document.getElementById("LoadingText").innerHTML = "Image not found";
with( document.getElementById("LoadingBox") ) {
style.cursor = "hand";
style.cursor = "pointer";
onclick = function() { window.close() }
}
var html = '';
for(var i = 0; i <= LoadingDots; i++) html += '. ';
with( document.getElementById("LoadingAnimation") ) {
className = "error";
innerHTML = html;
}
}
function Popup(url, name, w, h, attribs, returnWin) {
var winXpos = (screen.width - w) / 2;
var winYpos = (screen.height - h) / 2;
attribs = !attribs ? "" : attribs = ", " + attribs;
var win = window.open(url, name, "width="+w+",height="+h+",left="+winXpos+",top="+winYpos+attribs);
win.focus();
if(returnWin) return win;
return false;
}
function iPop(img, title) {
if(!document.getElementById) return true;
title = title || 'Image';
var win = Popup("about:blank", "ImagePopupWindow", 120, 50, "", true);
win._isPopup = true;
var html = '\n\n';
html += '\nLoading...\n';
html += '\n\n';
html += '\n\n';
html += '\n\n';
html += '\n';
html += '\n\n