///////////////////////////////////////////////////
///// COPYRIGHT: 2007 DESIGN OF A DECADE
///// PROGRAMER: Paul Smiechowicz
///// EMAIL: paul@designofadecade.com
///////////////////////////////////////////////////

// openPrivew = 'Image';
// loadImage (fileURL);


var imgnum = '';
var img = new Image();

var videoFullOpen = 'no';
var imageFile;
var openPrivew;
var isIE = 0;
var isFireFox = 0;
var isNetscape = 0;
var agnt = navigator.userAgent.toLowerCase();
if(agnt.indexOf("msie")!=-1){isIE = 1;}
if(agnt.match(/firefox/i)){isFireFox = 1;}
if(agnt.match(/netscape/i)){isNetscape = 1;}


var ImageName;
var showpic = 'no';
var displayedImages = '';
function loadImage (fileURL) {
document.getElementById('imageHolder').style.visibility = "hidden";
document.getElementById('imageHolder').style.border = "1px solid #FFFFFF";
document.getElementById('imageHolder').src = 'images/preloading.gif';
ImageName = fileURL;
imageFile = ImageName;
document.getElementById('imageHolder').style.visibility = "visible";
document.getElementById('imageHolder').width = 122;
document.getElementById('imageHolder').height = 111;
document.getElementById('imageHolder').style.width = '122px';
document.getElementById('imageHolder').style.height = '111px';
document.getElementById('imageHolder').style.top = Math.round((210 - 110)/2) +'px';
document.getElementById('imageHolder').style.left = Math.round((254 - 122)/2) +'px';
document.getElementById('imageHolder').src = 'images/preloading.gif';
document.getElementById('imageHolder').style.visibility = "visible";
//document.getElementById('imageTitle').innerHTML = '<strong>:: Loading Image</strong>';
if (isIE) {
var randNum = Math.floor(Math.random()*11000);
document.getElementById('functionFRM').src = 'viewimage.html?file='+fileURL+'&num='+randNum;
showpic = 'yes';
} else {

img.onload = showImage;
img.src = imageFile;
showpic = 'yes';
if (!isFireFox && !isNetscape) {
if (img.complete) {
showImage ();	
}
}


}
}


function showImage () {
if (isIE) {
img.src = imageFile;	
}

if (showpic == 'yes') {
showpic = 'no';


if (img.width > '250') {
decimal = 250/img.width;
height = decimal*img.height;
height = Math.round(height);
width = 250;
document.getElementById('imageHolder').width = width;
document.getElementById('imageHolder').height = height;
document.getElementById('imageHolder').style.width = width +'px';
document.getElementById('imageHolder').style.height = height +'px';
} else {
height = img.height;
width = img.width;
document.getElementById('imageHolder').width = width;
document.getElementById('imageHolder').height = height;
document.getElementById('imageHolder').style.width = width +'px';
document.getElementById('imageHolder').style.height = height +'px';
}

if (height > '206') {
decimal = 206/img.height;
width = decimal*img.width;
width = Math.round(width);
height = 206;
document.getElementById('imageHolder').width = width;
document.getElementById('imageHolder').height = height;
document.getElementById('imageHolder').style.width = width +'px';
document.getElementById('imageHolder').style.height = height +'px';
}


document.getElementById('imageHolder').style.top = Math.round((210 - (height+3))/2) +'px';
document.getElementById('imageHolder').style.left = Math.round((254 - (width+3))/2) +'px';
//document.getElementById('imageTitle').innerHTML = '<strong>:: ' + ImageName  + '</strong> <span style="font-size: 9px;">( Width: '+img.width+'px / Height: '+img.height+'px )</span>';
document.getElementById('imageHolder').src = imageFile;

document.getElementById('imageHolder').style.top = Math.round((210 - (height+3))/2) +'px';
document.getElementById('imageHolder').style.left = Math.round((254 - (width+3))/2) +'px';
}
document.getElementById('imageHolder').style.border = "1px solid #666666";
document.getElementById('imageHolder').style.visibility = "visible";
}