var images = new Array();

var imageTimeout = 3000;
var nextImage = 1;
var imageType = "jpg";

function setOpacity(el, opacity)
{
	opacity /= 100;

	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";
}

function startFading()
{
	var el = document.getElementById('SlideShow').childNodes[nextImage];
	
	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);
	
	nextImage = (nextImage < images.length-1) ? nextImage + 1 : 0;
}

function fadeImage(el, currentOpacity)
{
	currentOpacity += 5;
	
	if (currentOpacity > 100)
	{
		setOpacity(el, 100);
		var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
		prevEl.style.visibility = 'hidden';
		el.style.zIndex = 1;
		window.setTimeout(startFading, imageTimeout);
	}
	else
	{
		setOpacity(el, currentOpacity);
		window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
	}
}


function pageLoad( numOfPix, location, imageExtention )
{
	if(imageExtention == "")
		imageExtention = "jpg";
		
	var el = document.getElementById('SlideShow');
	while (el.firstChild)
	{
		if( el.firstChild.nodeName == "IMG" )
		{
			imageHeight = el.firstChild.height;
			imageWidth = el.firstChild.width;
		}
		el.removeChild(el.firstChild);
	}
	
	el.style.width = imageWidth + "px";
	el.style.height = imageHeight + "px";
	
	for( var i=0; i<numOfPix; i++ )
	{
		images[i] = location + "/image" + (i + 1) + "." + imageExtention;
		var t = document.createElement('IMG');
		t.setAttribute('src',images[i]);
		t.setAttribute('width',imageWidth);
		t.setAttribute('height',imageHeight);
		t.style.position = 'absolute';
		t.style.visibility = 'hidden';
		el.appendChild(t);	
	}
	
	el.firstChild.style.visibility = 'visible';
	
	window.setTimeout(startFading, imageTimeout);
}