//HTSI javascript

function formFocus(theForm, theCurrent, theDesired) {
	if (theForm.value == theCurrent) {
		theForm.value = theDesired;
	}
}

//change the opacity for different browsers
function setOpacity(opacity, id) {
	opacity = (opacity == 100)?99.999:opacity;
	opacity = (opacity == 0)?0.999:opacity;
	var obj = document.getElementById(id);
	
	// 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;
}

function runSlideShow() {
	blendimage('top-image', 'top-image-slide', preLoad[j].src, 2000)
	j = j + 1
	if (j > (images.length - 1)) j = 0
	t = setTimeout('runSlideShow()', slideShowSpeed)
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	setOpacity(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("setOpacity(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

var t; slideShowSpeed = 6000; j = 0; preLoad = new Array(); images = new Array()

function loadSlideShow(theSite) {
	switch(theSite) {
	case 'htsi':
		images[0] = 'http://www.hiddentec.com/images/header1.png';
		images[1] = 'http://www.hiddentec.com/images/header2.png';
		images[2] = 'http://www.hiddentec.com/images/header3.png';
		images[3] = 'http://www.hiddentec.com/images/header4.png';
		images[4] = 'http://www.hiddentec.com/images/header5.png';
		images[5] = 'http://www.hiddentec.com/images/afghan banner (2).png';
		images[6] = 'http://www.hiddentec.com/images/london.png';
		images[7] = 'http://www.hiddentec.com/images/iraq banner.png';
		images[8] = 'http://www.hiddentec.com/images/thames.png';
		images[9] = 'http://www.hiddentec.com/images/map banner holland.png';
		break;
	case 'demo':
		break;
	}
	
	for (var i = 0; i < images.length; i++) {
		preLoad[i] = new Image()
		preLoad[i].src = images[i]
	}

	runSlideShow();
}