var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++){
   preLoad[i] = new Image();
   preLoad[i].src = Pic[i];
}

var t;
var arrIndex = 0;
var changeImg = true;

//change the opacity for different browsers
function changeOpac(opacity, id) 
{
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function switchImage()
{	
	var speed = Math.round(millisec / 1000);
    var timer = 0;
	if(changeImg)
	{
		document.getElementById('SlideShowImg').src = Pic[arrIndex];
		document.getElementById('SlideShowImg').alt = Alt[arrIndex];		
		//document.getElementById('SlideShowLink').href = Url[arrIndex];		
		//document.getElementById('SlideShowLink').title = Alt[arrIndex];		
		changeImg = false;
		for(i = 0; i <= 100; i++)
		{
			setTimeout("changeOpac(" + i + ",'" + "SlideShowImg" + "')",(timer * speed));
			timer++;
		}
	}
	else
	{
		document.getElementById('SlideShowDiv').style.backgroundImage = "url(" + Pic[arrIndex] + ")";
		document.getElementById('SlideShowImg').alt = Alt[arrIndex];		
		//document.getElementById('SlideShowLink').href = Url[arrIndex];		
		//document.getElementById('SlideShowLink').title = Alt[arrIndex];		
		changeImg = true;
		for(i = 100; i >= 0; i--) 
		{
			setTimeout("changeOpac(" + i + ",'" + "SlideShowImg" + "')",(timer * speed));
			timer++;
		}
	}
	arrIndex++;
	if(arrIndex == Pic.length) arrIndex = 0;
	t = setTimeout("switchImage()", (millisec*1));
}

function runSlideShow()
{
    // On the first run, display the next upcoming show
    var d = PicDates.length;
    var currShowIndex = 0;
    var today = new Date();
    for (i = 0; i < d-1; i++) 
    {
        if (today > PicDates[i])
         { //This show has passed, so select next show
             currShowIndex++; 
        }
    }
    arrIndex = currShowIndex;
	//Initialize slideshow with both images matching
    document.getElementById('SlideShowDiv').style.backgroundImage = "url(" + Pic[currShowIndex] + ")";
    document.getElementById('SlideShowImg').src = Pic[currShowIndex];
    document.getElementById('SlideShowImg').alt = Alt[currShowIndex];		
	//document.getElementById('SlideShowLink').href = Url[0];		
	//document.getElementById('SlideShowLink').title = Alt[0];		
	
	setTimeout("switchImage()", millisec);
}