//Set properties for images
var blankGif = '/images/null.gif';
var ImgLocation = 'images/capabilities/';
var ImgEnding = '_large.jpg';

// Determine browser.
    var NS4 = (document.layers);
    var IE4 = (document.all);
    var IE5 = (IE4 && navigator.appVersion.indexOf("5.")!=-1);
  var isMac = (navigator.appVersion.indexOf("Mac") != -1);
var isDHTML = (NS4 || (IE4 && !isMac) || (IE5 && isMac));
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;

if(isDHTML) {
	document.write("<SCR" + "IPT LANGUAGE='JavaScript1.2' SRC='scripts/dhtmllib.js' TYPE='text/javascript'><\/SCR" + "IPT>");
}
//----------Image Load Bar-------------

var loadedcolor='#CCCCCC' ;                // 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='#666666';                       // COLOR OF THE BORDER

var imagesdone=false;
//var blocksize=barwidth/(imagenames.length);
var imageNUM = 0
var blocksize=20
barheight=Math.max(barheight,25);
var loaded=0, perouter, perdone, images=new Array();
var txt=(NS4)?'<layer name="perouter" bgcolor="'+bordercolor+'" visibility="hide" z-index="98">' : '<div id="perouter" style="position:absolute; visibility:hidden; background-color:'+bordercolor+';z-index:98">';
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" z-index="98">' : '<div id="perdone" style="position:absolute; top:1px; left:1px; width:'+barwidth+'px; height:'+barheight+'px; background-color:'+loadedcolor+'; z-index:99">';
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 loadimage(imageName,yposition,xposition){
  images[imageNUM]=new Image();
  images[imageNUM].src=imageName;
  if(images[imageNUM].complete){return}
  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;
  }
  IG_clipLayer(perdone, 0, 0, 0, barheight); 
  window.onresize=setouterpos;
  setouterpos(yposition,xposition);

  setTimeout('checkload()' ,100);
}
function setouterpos(yposition,xposition){
  //var ww=(IE4)? document.body.clientWidth : window.innerWidth;
  var x=(xposition-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(){
if (blocksize*loaded<barwidth-(2*blocksize))loaded++;
IG_clipLayer(perdone, 0, 0, blocksize*loaded, barheight);
}
function checkload(){
  if(images[imageNUM]){
   (images[imageNUM].complete)? setTimeout('hideperouter()', 100) : dispbars();setTimeout('checkload()', 100);
  }
}
function hideperouter(){
IG_clipLayer(perdone, 0, 0, barwidth, barheight);
setTimeout('IG_setLayerVis(perouter, false)',400);
//(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
imageNUM ++
}
//------------------------------------

function HideBigPic()
{
	if (isDHTML){
	var objLayer = IG_getLayer("bigPicDiv");
	IG_setLayerVis(objLayer, false);
	}
}
function displayFull(fileName, w, h)
{
	if (isDHTML){
	var objLayer = IG_getLayer("bigPicDiv");
	
	//Sets image lower than header with dropbox
	var top = IG_getPageScrollY();
	top = ((top < 95)&&(w > 500))? 95 : top;

	var left = 5;
	var width = w;
	var height = h+15;
	
	//Loading blank image prevents the display of the proceeding
	//image if the new image is not cached.

	if (IE4) bigPic.src = blankGif;
	IG_moveLayerTo(objLayer, left, top);
	IG_setLayerResize(objLayer, width, height);
	
	var imgName = ImgLocation+fileName+ImgEnding;

	//loadimage(imgName,top+(height/2),left+width);

	if (IE4)
	{
		bigPic.width = w;
		bigPic.height = h;
		//setTimeout('bigPic.src = "'+imgName+'"', 0);
		bigPic.src = imgName;
		IG_setLayerVis(objLayer, true);	
	}
	else if (NS4)
	{	
		var new_table = '<A href="#" onClick="HideBigPic(); return !isDHTML"><img src="' + imgName + '" width=' + w + ' height=' + h + ' border=0  Name="bigPic"></a><br><i><nobr><font face="Arial,Helvetica,sans-serif" size="1" color="White">Click image to close.</nobr></i></font>';
		IG_setLayerContent(objLayer, new_table);
		IG_setLayerVis(objLayer, true);
	}
	}
}

function hideImage( imaName )
{
	if (NS4) {
		//eval(imaName+'.style.visibility = "visible"');
		//imaObj = eval('document.'+imaName);
		//imaObj.alt = imaObj.src
		//imaObj.src = blankGif
	} else {
		imaObj = eval(imaName);
		imaObj.style.visibility = "hidden";
	}
}

function fadeIn( imaName, zopacity, timestep )
{
	if (NS4) {
		//?eval('contentDiv.document.'+imaName+'.style.visibility = "visible"');
		//imaObj = eval('document.'+imaName);
		//imaObj.src = imaObj.alt
		//imaObj.alt='';
	} else {
		imaObj = eval(imaName);

		imaObj.style.filter = 'alpha(opacity='+ zopacity +')';
		imaObj.style.visibility = '';
		if (zopacity>=100) {
			imaObj.style.filter = '';
			return;
		}
		zopacity += 10;
		setTimeout('fadeIn( "'+imaName+'", '+zopacity+', '+timestep+' )', timestep);
	}
}

window.onerror = handleErr;

function handleErr(){
	arAccessErrors = ["invalid","access"];
	mess = arguments[0].toLowerCase();
	found = false;
	for (i=0;i<arAccessErrors.length;i++) {
		errStr = arAccessErrors[i];
		if (mess.indexOf(errStr)!=-1) found = true;
	}
	return found;
}
