loadimg = new Image()
loadimg.src = "images/loading.gif"

var browserName = whichBrs(); 
var gallery = new Array();
var gallery_title = new Array();
var gallery_site = new Array();
var gallery_desc = new Array();
var a = 40;
var b = 0;
var c = 0;
var currentimg = 0;
function makevis(thisid) {
if(a != 40) {
if(browserName == "Internet Explorer") {
	currentimg.filters.alpha.opacity=40;
	}
else {
	currentimg.style.opacity=.4;
	}
}

a = 40;
b = a / 100;

currentimg = thisid;
setTimeout(anishow,50); // call doMove() in 20 msec
}
function makeop(thisid) {
a = 100;

currentimg = thisid;
setTimeout(aniop,50); // call doMove() in 20 msec
}
function aniop() {
if(a > 40) {
a = a - 15;
b = a / 100;
  
if(browserName == "Internet Explorer") {
	currentimg.filters.alpha.opacity=a;
	}
else {
	currentimg.style.opacity=b;
	}
setTimeout(aniop,25);
}
else {
return;
}
}
function anishow() {
if(a < 100) {
a = a + 15;
b = a / 100;

if(browserName == "Internet Explorer") {
	currentimg.filters.alpha.opacity=a;
	}
else {
	currentimg.style.opacity=b;
	}
setTimeout(anishow,25);
}
else {
return;
}
}



function goOverlay(imgid) {
imagenext = imgid + 1;
imageprevious = imgid - 1; 
if(imgid == gallery.length-1) {
imagenext = 0;
}

if(imgid <= 0) {
imageprevious = gallery.length - 1;
}

document.getElementById("superoverlay").style.visibility = "visible";
//document.getElementById("olcontent").innerHTML = "<div style='text-align:center; position:absolution; margin-top:260px;'><img src='images/loading.gif' alt='Loading...' /></div>";
//document.getElementById("olcontent").innerHTML = html; 
document.images.dispart.src = "images/artwork/"+gallery[imgid];
if(gallery_site[imgid]) {
document.getElementById('imgtitle').innerHTML="<b>"+gallery_title[imgid]+"</b><br/><a href='http://"+gallery_site[imgid]+"' target='_blank' >"+gallery_site[imgid]+"</a>";
}
else {
document.getElementById('imgtitle').innerHTML="<b>"+gallery_title[imgid]+"</b><br/><div style='padding-top:2px; width:100%; font-size:12px;'><i>"+gallery_desc[imgid]+"</i></div>";
}
scrollOverlay();
resizeImage();
}
function closeOverlay() {
document.getElementById("superoverlay").style.visibility = "hidden";
document.images.dispart.src = "images/loading.gif";
}

function scrollOverlay() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
document.getElementById("superoverlay").style.marginTop = scrOfY+"px";
}
var imgheight = 0;
var imgwidth = 0;
var divheight = 0;
var divwidth = 0;
var apratio = 0;
var napratio = 0;
var corapratio = 0;
function resizeImage() {
	document.images.dispart.style.width = "auto";
	document.images.dispart.style.height = "auto";
	imgheight = document.images.dispart.height;
	imgwidth = document.images.dispart.width;
	apratio = imgwidth / imgheight;
	divheight = document.getElementById('oldisplay').offsetHeight; 
	divwidth = document.getElementById('oldisplay').offsetWidth; 
	document.getElementById("tablesize").style.height = divheight+"px";

	if(imgwidth > divwidth) {
		document.images.dispart.style.width = divwidth + "px";
	}
	else {
		document.images.dispart.style.width = imgwidth + "px";
	}
	
	if(imgheight > divheight) {
		document.images.dispart.style.height = divheight + "px";
	}
		else {
		document.images.dispart.style.height = imgheight + "px";
	}

napratio = document.images.dispart.width / document.images.dispart.height;
	if(napratio > apratio) {
	corapratio = napratio / apratio;
	
document.images.dispart.style.width = document.images.dispart.width / corapratio + "px";
	}
	
}
window.onscroll = scrollOverlay;