<!--

var arImgProd = new Array()
var arImgMkt = new Array()
var arImages = new Array()
var arProd = new Array()
var arMkt = new Array()

var activecolor="#000000";
var backcolor  ="#cccccc";

var timedelay=6 //7 //seconds

//var prodImgCount=12;
//var mktImgCount=14;

//var imgpath="/img2/common/home/";

//-----------------------------------------------------------------------------
//define images
arImgProd[0]="ultramichand"
arImgProd[1]="ezrm"
arImgProd[2]="firerodhand"
arImgProd[3]="polyimidefinger"
arImgProd[4]="pvheater"
arImgProd[5]="fryer01"
arImgProd[6]="ezzone02"
arImgProd[7]="cable01"
arImgProd[8]="rtd01"
arImgProd[9]="firebar01"
arImgProd[10]="syringe02"
arImgProd[11]="sensor01"

arImgMkt[0]="pv01"
arImgMkt[1]="cleanroom"
arImgMkt[2]="aerospace02"
arImgMkt[3]="analytical02"
arImgMkt[4]="analytical03"
arImgMkt[5]="engine01"
arImgMkt[6]="engine02"
arImgMkt[7]="fs01"
arImgMkt[8]="lifesci03"
arImgMkt[9]="process01"
arImgMkt[10]="manufacture01"
arImgMkt[11]="semi02"
arImgMkt[12]="plastics01"
arImgMkt[13]="lifesci02"

prodImgCount=arImgProd.length;
mktImgCount=arImgMkt.length;

//-----------------------------------------------------------------------------
//product links
var prodcount=3;
arProd[0] = '<a href="/products/heaters/index.cfm">' + arjsTab1[0] + '</a>';
arProd[1] = '<a href="/products/sensors/index.cfm">' + arjsTab1[1] + '</a>';
arProd[2] = '<a href="/products/controllers/index.cfm">' + arjsTab1[2] + '</a>';

//-----------------------------------------------------------------------------
//market links
var mktcount=10;
for(k=0;k<mktcount;k++)
{
	arMkt[k] = '<a href="' + arjsTab2a[k] + '">' + arjsTab2[k] + '</a>';
}

/*
arMkt[0] = '<a href="/markets/semicon/index.cfm">' + arjsTab2[0] + '</a>';
arMkt[1] = '<a href="/markets/photovoltaic/index.cfm">' + arjsTab2[1] + '</a>';
arMkt[2] = '<a href="/markets/process/index.cfm">' + arjsTab2[2] + '</a>';
arMkt[3] = '<a href="/markets/powergen/index.cfm">' + arjsTab2[3] + '</a>';
arMkt[4] = '<a href="/markets/food/index.cfm">' + arjsTab2[4] + '</a>';
arMkt[5] = '<a href="/markets/lifesci/index.cfm">' + arjsTab2[5] + '</a>';
arMkt[6] = '<a href="/markets/aerospace/index.cfm">' + arjsTab2[6] + '</a>';
arMkt[7] = '<a href="/markets/packaging/index.cfm">' + arjsTab2[7] + '</a>';
arMkt[8] = '<a href="/markets/plastics/index.cfm">' + arjsTab2[8] + '</a>';
*/

//-----------------------------------------------------------------------------

//set default background image style for products (left side)
function SetBackground() {
	var bgImg = imgpath + arImgProd[0] + "_left.jpg";
	document.getElementById("homelinks").style.backgroundImage = "url(" + bgImg + ")";
}

//preload image script
function PreloadProductImages() {
	if (document.images) {
	for(var k=0; k<prodImgCount; k++) {
		pic1= new Image(480,300);
		pic2= new Image(220,300);
		pic1.src = imgpath + arImgProd[k] + "_right.jpg";
		pic2.src = imgpath + arImgProd[k] + "_left.jpg";
	}
	}
}
function PreloadMarketImages() {
	if (document.images) {
	for(var k=0; k<mktImgCount; k++) {
		pic1= new Image(480,300);
		pic2= new Image(220,300);
		pic1.src = imgpath + arImgMkt[k] + "_right.jpg";
		pic2.src = imgpath + arImgMkt[k] + "_left.jpg";
	}
	}
}



function ChangeType(type) {
	if(type==imgtype)
		return;
	i=0;
	
	if(type==1)//change to products
	{
		arImages=arImgProd;
		imgcount=prodImgCount;
		
		document.getElementById("tabProd").style.backgroundColor=activecolor;
		document.getElementById("tabProd").style.borderBottom="1px solid " + activecolor;
		document.getElementById("tabMkt").style.backgroundColor=backcolor;
		document.getElementById("tabMkt").style.borderBottom="1px solid white";
		
		var html="<ul id='homelinks1'>";
		for(j=0;j<prodcount;j++)
		{
			html += "<li>" + arProd[j] + "</li>";
		}/**/
		html+="</ul>";
		document.getElementById("homelinks").innerHTML=html;
		//document.getElementById("home2").innerHTML=prodtxt;
		imgtype=1;
	}
	else //change to markets/applications
	{
		arImages=arImgMkt;
		imgcount=mktImgCount;
		
		document.getElementById("tabProd").style.backgroundColor=backcolor;
		document.getElementById("tabProd").style.borderBottom="1px solid white";
		document.getElementById("tabMkt").style.backgroundColor=activecolor;
		document.getElementById("tabMkt").style.borderBottom="1px solid " + activecolor;
		var html="<ul id='homelinks2'>";
		for(j=0;j<mktcount;j++)
		{
			if(arjsTab2[j] != null)
				html += "<li>" + arMkt[j] + "&nbsp;&nbsp;</li>";
		}/**/
		html+="</ul>";
		document.getElementById("homelinks").innerHTML=html;
		//document.getElementById("home2").innerHTML=mkttxt;
		imgtype=2;
	}
	clearTimeout(t);
	StartClock();
}




//default to product images
var imgtype=1;
arImages=arImgProd;
imgcount=prodImgCount;

//var i=(Math.floor(Math.random() * (IDstop - IDstart + 1)) + IDstart);
//var i=Math.floor(Math.random()*prodImgCount)
var i=0;
var j=0;
//alert("i=" + i)
var t; //(time)
//time delay set up top
var mstime = timedelay * 1000 //millesecs

//-----------------------------------------------------------------------------
//start image swap

function StartClock(){
	
	if(j>0)
		DisplayIt(i)
	t=setTimeout("StartClock()", mstime)
   
	i = i + 1
	j = j + 1
	if(i >= imgcount)
		i=0
	//stop img swap after 2 cycles	
	if(j > imgcount*2){
		clearTimeout(t);
	}
}



function DisplayIt(id) {
	img1=imgpath + arImages[id] + "_left.jpg";
	img2=imgpath + arImages[id] + "_right.jpg";
		
	//change left image / background
	document.getElementById("homelinks").style.backgroundImage = "url(" + img1 + ")";
	
	img2Name = 'homeimg2';
	objImg2 = document.getElementById(img2Name);
	
	setOpacity(objImg2, 10);
	//objImg2.src="";
	objImg2.src=img2;
	//objImg2.alt="";
	//objImg2.style.visibility = 'visible';
	fadeIn(img2Name,0);

}

/*function initImage() {
  imageId = 'thephoto';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}*/

function setOpacity(obj, opacity) {
  
  opacity = (opacity == 100)?99.999:opacity;
  //alert("1 - opacity=" + opacity);
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
  
  //alert(2);
  
}

function fadeIn(objId,opacity) {
  
  if (document.getElementById) {
	obj = document.getElementById(objId);
    if (opacity <= 100) {
      
      setOpacity(obj, opacity);
	  opacity += 5;
	  t2=window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 15);
    }
  }
}


//DO NOT USE!!
function fadeOut(objId,opacity) {
  //alert("start fadeout")
  if (document.getElementById) {
	alert("opacity=" + opacity)
	obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
	  opacity -= 20;
	  window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 20);
    }
  }
  //alert("end fadeout")
}
//-->

//<!--- http://clagnut.com/sandbox/imagefades/ --->
