addLoadEvent(makeRequest);

function makeRequest()
{
request =  createRequest();
	if (request) {
		request.onreadystatechange = check_data;
		request.open("GET","/sliderSlideShow/sliderImages.xml",true);
		request.send(null);
	}
	else {
		window.alert("Sorry, but I couldn't create an XMLHttpRequest");
	}
}
function check_data() {
	if (request.readyState == 4) {
		if (request.status == 200) {
		preload_data();
		}
	}
}

function preload_data()
{
var image = null;var image2 = null;
outMsg =  request.responseXML.getElementsByTagName("thumbnail");
outCaps = request.responseXML.getElementsByTagName("caption");
outWidth = request.responseXML.getElementsByTagName("width");
outHeight = request.responseXML.getElementsByTagName("height");
outImage = request.responseXML.getElementsByTagName("image");
count = outMsg.length;
	image = new Array();pics = new Array();caps = new Array();wids = new Array(); hits = new Array();image2 = new Array();imgs = new Array();
	for (i=0; i < count;i++) {
	image[i]= new Image();
	image[i].src="/sliderSlideShow/thumbnails/"+outMsg[i].firstChild.nodeValue;
    image2[i]= new Image();
    image2[i].src="/sliderSlideShow/images/"+outImage[i].firstChild.nodeValue;
    }

	for (i=0;i < count;i++) {
	pics[i]=image[i].src;
	caps[i]=outCaps[i].firstChild.nodeValue;
	wids[i]=outWidth[i].firstChild.nodeValue;
	hits[i]=outHeight[i].firstChild.nodeValue;
	imgs[i]=image2[i].src;
	}

populateSlider();
}

function populateSlider() {
var imgWidth = 160;
var imgPadding = 20;
sliderContainerParent = document.getElementById("image_scroller_container");
sliderContainer = document.getElementById("image_scroller");
j = sliderContainerParent.offsetWidth;
k = ((pics.length * imgWidth) + ((pics.length * 2) * imgPadding))
sliderContainer.style.width = k +"px";
sliderContainer.style.left = sliderContainerParent.offsetWidth +"px";
    for (i=0;i < pics.length;i++) {
    var newImgDiv = document.createElement("div");
    newImgDiv.className = "sliderImageDiv";
    var newImg = document.createElement("img");
    newImg.setAttribute("alt","Click to Enlarge");
    newImg.setAttribute("title","Click to Enlarge");
    newImg.src = pics[i];
    newImg.caption = caps[i];
    newImg.imgWidth = wids[i];
    newImg.imgHeight = hits[i];
    newImg.imgName = imgs[i];
    newImg.onmouseover = ImageSliderPause;
    newImg.onmouseout = ImageSliderStart;
    newImg.onclick = show_shadowbox;
    newImgDiv.appendChild(newImg);
    sliderContainer.appendChild(newImgDiv);
    }
ImageSliderShow();
}

function ImageSliderStart() {
ImageSliderShow();
}

function ImageSliderShow() {
interval = setInterval(function() {
        if (j > -k) {
        setLeftPos(sliderContainer,j);
        j-=1;
        }
        else {
       clearInterval(interval);
       setLeftPos(sliderContainer,sliderContainerParent.offsetWidth);
       j = sliderContainerParent.offsetWidth;
       ImageSliderShow();
       }
    },20);
}


function ImageSliderPause() {
   clearInterval(interval);
}