// Fade In/Out Images For FIREFOX Only

//www.cryer.co.uk © 2004 and www.brainerror.net ver 1.3 © June 7,2004 
//were reference for the following Javascript slide show code 
function changeOpac(opacity, id) 
{ 
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 101); 
	object.KhtmlOpacity = (opacity / 100); 
	object.filter = "alpha(opacity=" + opacity + ")"; 
} 

function blendimage(divid, imageid, imagefile, millisec) 
{ 
	var speed = Math.round(millisec / 10); 
	var timer = 0; 

	//set the current image as background 
	document.getElementById(divid).src = document.getElementById(imageid).src; 

	//make image transparent 
	changeOpac(0, imageid); 

	//make new image 
	document.getElementById(imageid).src = imagefile; 

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

var slideCache = null; 
var nextImage;
function RunSlideShow(divid, imageid, imageFiles, displaySecs) 
{
	if (slideCache == null)
	{
		slideCache = new Array();
		if (imageFiles.lastIndexOf(";") != imageFiles.length)
			imageFiles += ";";
			
		var p1 = 0, p2 = imageFiles.indexOf(";"); 
		var k = 0;
		var s = '';
		while (p2 > -1)
		{
			s = imageFiles.substring(p1, p2); 
			slideCache[k] = s;
			p1 = p2 + 1;
			p2 = imageFiles.indexOf(";", p1); 
			k++;
		}
		nextImage = 1;
	}
	
	changeOpac(0, imageid); 
	blendimage(divid, imageid, slideCache[nextImage], 200); 
	
	nextImage++;
	if (nextImage == slideCache.length)
		nextImage = 0;
		
	setTimeout("RunSlideShow('" + divid + "','" + imageid + "','" + slideCache[nextImage] + "'," + displaySecs + ")", displaySecs * 1000); 
}

function putSlideShow(w, h, imagesList, sec)
{
	document.write('<div id="slideShow" style="padding: 0px 0px; margin: 0px 0px; position: absolute; z-index: 1;">');
	document.write('<img style="width: ' + w + 'px; height: ' + h + 'px; border: 2px #000099 inset; -moz-opacity: 0; opacity: 0;" id="imageid" alt="" />');
	document.write('</div>');
	document.write('<img style="position: inherit; width: ' + w + 'px; height: ' + h + 'px; border: 2px #000099 inset; z-index: 0;" id="divid" alt="" />');
	document.write('<scr' + 'ipt>');
	document.write('RunSlideShow("divid", "imageid", "' + imagesList + '", ' + sec + ');');
	document.write('</scr' + 'ipt>');
}
/*

HTML images holder:

<div id="slideShow" style="padding: 0px 0px; margin: 0px 0px; display: none;">

	<img style="position: absolute; left: 0px; top: 0px; width: 401px; height: 302px; border: 0 none; z-index: 0;" id="divid" alt="" />
    <img style="position: absolute; left: 0px; top: 0px; width: 401px; height: 302px; border: 0 none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index: 1;" id="imageid" alt="" />

</div> 

<script>
	RunSlideShow("divid", "imageid", "/mbn-modify/images/show/HSE1_1.jpg;/mbn-modify/images/show/HSE2_1.jpg;/mbn-modify/images/show/HSE3_1.jpg;/mbn-modify/images/show/HSE4_1.jpg", 5);
</script>


*/