// -----------------------------------------------------------------
// --- (c) 2007, script code by www.doran.be
//     Don't reuse this code without the written permission of Doran
//	   write to: info@doran.be
// -----------------------------------------------------------------

imageSlideShow = function(objid,arrImgs) {

	var whichimgobj = 1;
	var currImg = 0;
	var seconds_viewcurrimg = 4;
	var currObj = objid;
	var timer_opacity = null;
	var timer_imgslide = null;
	
	start = function() {
		if (document.getElementById && document.createTextNode) {
			if (document.getElementById(currObj)) {
				if (arrImgs.length > 0) {
				
					var img1 = document.createElement('IMG');
					img1.setAttribute('id',currObj + '_1');
					img1.setAttribute('src',arrImgs[0]);
					document.getElementById(currObj).appendChild(img1);
					document.getElementById(currObj + '_1').style.position = 'absolute';
					document.getElementById(currObj + '_1').style.left = '0px';
					document.getElementById(currObj + '_1').style.top = '0px';
					setOpacity(currObj + '_1',100);
					
					if (arrImgs.length > 1) {
						// --- Preload the other images, so the animation will be smoother
						imageObj = new Image();
						for(i=0; i<arrImgs.length; i++) { imageObj.src = arrImgs[i]; }
					
						var img2 = document.createElement('IMG');
						img2.setAttribute('id',currObj + '_2');
						img2.setAttribute('src','');
						document.getElementById(currObj).appendChild(img2);
						document.getElementById(currObj + '_2').style.position = 'absolute';
						document.getElementById(currObj + '_2').style.left = '0px';
						document.getElementById(currObj + '_2').style.top = '0px';
						setOpacity(currObj + '_2',0);
						setTimeout('next()', (seconds_viewcurrimg * 1000));
						}
					}
				}
			}
		}
		
	next = function() {
		if (timer_imgslide) { clearTimeout(timer_imgslide); }
		currImg += 1;
		if (currImg == arrImgs.length) { currImg = 0; }
		if (whichimgobj == 1) {
			whichimgobj = 2;
			setOpacity(currObj + '_2',0);
			document.getElementById(currObj + '_2').src = arrImgs[currImg];
			opacity_in();
		} else {
			whichimgobj = 1;
			setOpacity(currObj + '_2',100);
			document.getElementById(currObj + '_1').src = arrImgs[currImg];
			opacity_out();
			}
		timer_imgslide = setTimeout('next()', (seconds_viewcurrimg * 1000));
		}
	
	opacity_in = function() {
		if ((getOpacity(currObj + '_2') + 10) > 99) {
			setOpacity(currObj + '_2',100);
			clearTimeout(timer_opacity);
		} else {
			setOpacity(currObj + '_2',(getOpacity(currObj + '_2') + 10));
			timer_opacity = setTimeout('opacity_in()', 50);
			}
		}
		
	opacity_out = function() {
		if ((getOpacity(currObj + '_2') - 10) < 0) {
			setOpacity(currObj + '_2',0);
			clearTimeout(timer_opacity);
		} else {
			setOpacity(currObj + '_2',(getOpacity(currObj + '_2') - 10));
			timer_opacity = setTimeout('opacity_out()', 50);
			}
		}
	
	setOpacity = function(id,opacity) {
		var obj = document.getElementById(id).style;
		obj.opacity = (opacity / 100);
		obj.MozOpacity = (opacity / 100);
		obj.KhtmlOpacity = (opacity / 100);
		obj.filter = 'alpha(opacity=' + opacity + ')';
		}
	
	getOpacity = function(id) {
		var objopacity = document.getElementById(id).style.opacity;
		return (objopacity * 100);
		}
	
	start();
	}