// JavaScript Document

var numslides = slideimages.length
var imageorder = new Array(slideimages.length)
for (i = 0; i < numslides; i++) {
	imageorder[i] = i
}

var ie55=window.createPopup

// Milliseconds between images
var slidespeed = 5000
var pixeldelay = (ie55) ? document.images.slide.filters[0].duration*1000 / 1.45 : 0

var nextImage = new Image;
nextImage.onload = performTransition;

var whichimage = 0
var doRandomize = 2

function slideit() {
	if (!document.images) return
	if (--whichimage < 0) {
		whichimage = numslides - 1;
		doRandomize--;
	}
	if (doRandomize > 0) {
		// Incremental randomize (Fisher-Yates), only on first pass
		var j = Math.floor( Math.random() * ( whichimage + 1 ) )
		var temp = imageorder[whichimage]
		imageorder[whichimage] = imageorder[j]
		imageorder[j] = temp
	}
	nextImage.src = imagebase + slideimages[imageorder[whichimage]] + imagesuffix
}

function performTransition() {
	if (ie55) document.images.slide.filters[0].apply()
	document.images.slide.src = nextImage.src; 
	if (ie55) document.images.slide.filters[0].play()
	setTimeout("displayTitle()", pixeldelay)
	setTimeout("slideit()", slidespeed)
}

function displayTitle(index) {
	document.getElementById('imgTitle').innerHTML = slidenames[imageorder[whichimage]]
	document.getElementById('imgLink').toonIndex = imageorder[whichimage]
}

function viewtoon() {
	document.location = rosterbase + characterids[document.getElementById('imgLink').toonIndex]
}

slideit()
