window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=true;

function so_init() {
	if(!d.getElementById || !d.createElement)return;

	imgs = d.getElementById('galleryBox').getElementsByTagName('img');
	for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = 'block';
	imgs[0].xOpacity = .99;
	document.getElementById("navGalleryLeft").innerHTML = imgs[0].title;

	setTimeout(so_xfade,3000);
	hidePlayButton();

}

function so_xfade()
{
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;
	nOpacity = imgs[nIndex].xOpacity;

	cOpacity-=.05;
	nOpacity+=.05;

    document.getElementById("navGalleryLeft").innerHTML = imgs[nIndex].title;

	imgs[nIndex].style.display = 'block';
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;

	setOpacity(imgs[current]);
	setOpacity(imgs[nIndex]);

	if(cOpacity<=0)
	{
		imgs[current].style.display = 'none';
		current = nIndex;
		timerID = setTimeout(so_xfade,3000);
	}
	else
	{
		timerID = setTimeout(so_xfade,50);
	}

	function setOpacity(obj)
	{
		if(obj.xOpacity>.99)
		{
			obj.xOpacity = .99;
			return;
		}

		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
	}
}
function pauseSShow(){
    clearTimeout(timerID);
    showPlayButton();
}


function nextImage(){
    clearTimeout(timerID);
    //so_xfade(); 
    //setTimeout("clearTimeout(timerID)", 3000);
    nIndex = (current==imgs.length-1)?0:current+1;
    
    document.getElementById("navGalleryLeft").innerHTML = imgs[nIndex].title;

	imgs[nIndex].style.display = 'block';
	imgs[nIndex].xOpacity = .99;
	imgs[nIndex].style.MozOpacity = .99; 
	imgs[nIndex].style.filter = 'alpha(opacity=' + (imgs[nIndex].xOpacity*100) + ')'; 
	
	imgs[current].style.display = 'none';
	current = nIndex;
	
    showPlayButton();
}

function prevImage() {
    clearTimeout(timerID);
	nIndex = (current==0)?imgs.length-1:current-1;
	
	document.getElementById("navGalleryLeft").innerHTML = imgs[nIndex].title;

	imgs[nIndex].style.display = 'block';
	imgs[nIndex].xOpacity = .99;
	imgs[nIndex].style.MozOpacity = .99; 
	imgs[nIndex].style.filter = 'alpha(opacity=' + (imgs[nIndex].xOpacity*100) + ')'; 
	
	imgs[current].style.display = 'none';
	current = nIndex;

    showPlayButton();
}

function hidePlayButton(){
    document.getElementById("play").style.display = "none";
    document.getElementById("pause").style.display = "inline";
}

function showPlayButton(){
    document.getElementById("pause").style.display = "none";
    document.getElementById("play").style.display = "inline";
}