var lastSlide = 0;
var oDiv = null;
var slides = new Array();
var txtBtns = "";

function InitAlbum(sid) {
	var links = "", oImg, oAlbum, tmpSlides, slideID;
	if (document.getElementById) {
		oDiv = document.getElementById("bodyCopy");
		tmpSlides = oDiv.getElementsByTagName("div");
		for (var i = 0; i < tmpSlides.length; i++) {
			slideID = tmpSlides[i].getAttribute("id");
			if(slideID != undefined && slideID != "" && slideID != "canvas"){
				slides[slides.length] = tmpSlides[i];
			}
		}
		for (var i = 0; i < slides.length; i++) {
			if (slides[i].getAttribute("id") == "Slide"+sid) { lastSlide = i; }
			slides[i].style.display = "none";
			oImg = GetImage(i);
			if (oImg) { links += "<img src=\""+ oImg.src +"\" width=\"60\" height=\"40\" border=\"0\" alt=\""+ oImg.alt +"\" title=\""+ oImg.alt +"\" onclick=\"LoadSlide("+ i +");\" />\n"; }
		}
		oAlbum = document.createElement("div");
		oAlbum.setAttribute("id", "album");
		oAlbum.innerHTML = "<p id=\"albumLinks\">"+ links +"</p>";
		oDiv.appendChild(oAlbum);
		txtBtns = "<div style=\"position:relative;right:0px;z-index:99;\"><img id=\"BtnAlbumNext\" src=\"/common/images/next-button.png\" title=\"Next\" width=\"26\" height=\"26\" onclick=\"SwitchSlides(1);\" style=\"float:right;width:26px;height:26px;\" /><img id=\"BtnAlbumBack\" src=\"/common/images/back-button.png\" title=\"Previous\" width=\"26\" height=\"26\" hspace=\"3\" onclick=\"SwitchSlides(-1);\" style=\"float:right;width:26px;height:26px;\" /><div id=\"slideCounter\" style=\"display:block; float:right; padding:4px 10px 0px 0px;\">"+ (lastSlide + 1) +" of "+ slides.length +"</div></div>";
		document.getElementById("canvas").innerHTML =  txtBtns + document.getElementById("canvas").innerHTML;
		LoadSlide(lastSlide);
	}
}

function LoadSlide(sid) {
	var oImg = GetImage(sid);
	if (oImg && (oImg.width > oDiv.offsetWidth)) { oImg.width = oDiv.offsetWidth; }
	document.getElementById("canvas").innerHTML =  txtBtns + slides[sid].innerHTML;
	document.getElementById("slideCounter").innerHTML = (sid + 1) +" of "+ (slides.length);
	lastSlide = sid;
}

function SwitchSlides(dir) {
	var sid = lastSlide + dir;
	if (sid < 0) { sid = slides.length - 1; }
	if (sid >= slides.length) { sid = 0; }
	LoadSlide(sid);
}

function GetImage(sid) {
	if (slides[sid].getElementsByTagName("img").item(0)) {
		return slides[sid].getElementsByTagName("img").item(0);
	}
}