var imageArray = [];
var imageIndex = 0, imageCount = 0;
var viewer;

function displayCurrentImage(viewerRef)
{
	viewer = viewerRef;
	viewer.src = '/images/spacer.gif';
	viewer.style.width = 'auto';
	viewer.style.height = 'auto';
	var path = (imageArray[imageIndex] == undefined) ? '/images/spacer.gif' : imageArray[imageIndex];
	imagenames = new Array(path);
	loadimages();
}

function showImage(img)
{
	viewer.src = '/images/spacer.gif';
	viewer.style.width = '0px';
	viewer.style.height = '0px';
	if (img != undefined)
	{
		var w, h, tw, th;
		tw = viewer.parentNode.clientWidth;
		th = viewer.parentNode.clientHeight;
		if (img.width > img.height)
		{
			w = Math.min(tw, img.width);
			h = img.height * (w / img.width);
		}else{
			h = Math.min(th, img.height);
			w = img.width * (h / img.height);
		}
		viewer.style.width = w + 'px';
		viewer.style.height = h + 'px';
		viewer.style.marginTop = ((th - Math.min(th, h)) / 2) + 'px';
		viewer.src = img.src;
	}
}

function incrementIndex(index, limit)
{
	index++;
	if (index >= imageCount)
		index = limit == true ? imageCount - 1 : 0;
	return index;
}

function decrementIndex(index, limit)
{
	index--;
	if (index < 0)
		index = limit == true ? 0 : imageCount - 1;
	return index;
}

function displayNextImage(limit)
{
	imageIndex = incrementIndex(imageIndex, limit);
	displayCurrentImage(viewer);
}

function displayPreviousImage(limit)
{
	imageIndex = decrementIndex(imageIndex, limit);
	displayCurrentImage(viewer);
}

var duration = 5, slides = [];

function displayRunSlideShow()
{
	imageIndex = decrementIndex(imageIndex);
	slideShowHelper();
}

function slideShowHelper()
{
	imageIndex = incrementIndex(imageIndex);
	if (slides[imageIndex] && (slides[imageIndex].complete || slides[imageIndex].complete == null))
	{
		showImage(slides[imageIndex]);
	}
	var index = incrementIndex(imageIndex);
	slides[index] = new Image;
	slides[index].src = imageArray[index];
	setTimeout("slideShowHelper()", duration * 1000);
}

var imagenames = [];

var yposition=250;                                  //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var loadedcolor='gray' ;                // PROGRESS BAR COLOR
var unloadedcolor='white';                   // BGCOLOR OF UNLOADED AREA
var barheight=15;                                 // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
var barwidth=350;                                // WIDTH OF THE BAR IN PIXELS  
var bordercolor='black';                       // COLOR OF THE BORDER

//DO NOT EDIT BEYOND THIS POINT 
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var imagesdone=false;
var blocksize=barwidth/((imagenames.length == 0) ? 1 : imagenames.length);
barheight=Math.max(barheight,25);
var loaded=0, perouter, perdone, images=new Array();
var txt=(NS4)?'<layer name="perouter" bgcolor="'+bordercolor+'" visibility="hide">' : '<div id="perouter" style="position:absolute; visibility:hidden; background-color:'+bordercolor+'">';
txt+='<table cellpadding="0" cellspacing="1" border="0"><tr><td width="'+barwidth+'" height="'+barheight+'" valign="center">';
if(NS4)txt+='<ilayer width="100%" height="100%"><layer width="100%" height="100%" bgcolor="'+unloadedcolor+'" top="0" left="0">';
txt+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+unloadedcolor+'"><center><font color="'+loadedcolor+'" size="1" face="sans-serif">Loading Image...</font></center></td></tr></table>';
if(NS4) txt+='</layer>';
txt+=(NS4)? '<layer name="perdone" width="100%" height="'+barheight+'" bgcolor="'+loadedcolor+'" top="0" left="0">' : '<div id="perdone" style="position:absolute; top:1px; left:1px; width:'+barwidth+'px; height:'+barheight+'px; background-color:'+loadedcolor+'; z-index:100">';
txt+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+loadedcolor+'"><center><font color="'+unloadedcolor+'" size="1" face="sans-serif">Loading Image...</font></center></td></tr></table>';
txt+=(NS4)? '</layer></ilayer>' : '</div>';
txt+='</td></tr></table>';
txt+=(NS4)?'</layer>' : '</div>';
document.write(txt);
function loadimages(){
if(NS4){
perouter=document.perouter;
perdone=document.perouter.document.layers[0].document.perdone;
}
if(NS6){
perouter=document.getElementById('perouter');
perdone=document.getElementById('perdone');
}
if(IE4){
perouter=document.all.perouter;
perdone=document.all.perdone;
}
cliplayer(perdone,0,0,barheight,0);
//window.onresize=setouterpos;
setouterpos();
for(n=0;n<imagenames.length;n++){
images[n]=new Image();
images[n].src=imagenames[n];
setTimeout('checkload('+n+')' ,n*100);
}}
function setouterpos(){
var ww=(IE4)? document.body.clientWidth : window.innerWidth;
var x=(ww-barwidth)/2;
if(NS4){
perouter.moveTo(x,yposition);
perouter.visibility="show";
}
if(IE4||NS6){
perouter.style.left=x+'px';
perouter.style.top=yposition+'px';
perouter.style.visibility="visible";
}}
function dispbars(){
loaded++;
cliplayer(perdone, 0, blocksize*loaded, barheight, 0);
if(loaded>=imagenames.length)setTimeout('hideperouter()', 800);
}
function checkload(index){
(images[index].complete)? dispbars() : setTimeout('checkload('+index+')', 100);
}
function hideperouter(){
(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
imagesdone=true;
showImage(images[0]);
}
function cliplayer(layer, ct, cr, cb, cl){
if(NS4){
layer.clip.left=cl;
layer.clip.top=ct;
layer.clip.right=cr;
layer.clip.bottom=cb;
}
if(IE4||NS6)layer.style.clip='rect('+ct+'px, '+cr+'px, '+cb+'px, '+cl+'px)';
}