addLoadEvent(makeRequest);

function makeRequest()
{
request =  createRequest();
	if (request) {
		request.onreadystatechange = check_data;
		request.open("GET","/videoSlideShow/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");
outFiles = request.responseXML.getElementsByTagName("xmlfile");
count = outMsg.length;
	image = new Array();pics = new Array();caps = new Array();pfiles = new Array();
	for (i=0; i < count;i++) {
	image[i]= new Image();
	image[i].src="/videoSlideShow/thumbs/"+outMsg[i].firstChild.nodeValue;
    }

	for (i=0;i < count;i++) {
	pics[i]=image[i].src;
	caps[i]=outCaps[i].firstChild.nodeValue;
    pfiles[i]=outFiles[i].firstChild.nodeValue;
	}

populateSlider();
}

function populateSlider() {
var imgWidth = 120;
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));
iPos = 0;
sliderContainer.style.width = k +"px";
sliderContainer.style.left = iPos+"px";
    for (i=0;i < pics.length;i++) {
    var newImgDiv = document.createElement("div");
    newImgDiv.className = "sliderImageDiv";
    var newLink = document.createElement("a");
    var newImg = document.createElement("img");
    newImg.setAttribute("alt","Click to View");
    newImg.setAttribute("title","Click to View");
    newImg.style.width = "120px";
    newImg.style.height = "90px";
    newImg.style.border = "0px";
    newImg.src = pics[i];
    newImg.caption = caps[i];
    newImg.file = pfiles[i];
    newLink.href = "/videos/"+newImg.file;
    //newImg.onmouseover =alert(newImg.file);
    //newImg.onmouseout = hidepreview;
    newLink.appendChild(newImg);
    newImgDiv.appendChild(newLink);
    captDiv = document.createElement("div");
    captDiv.className = "thumbScroll";
    captDiv.style.height = "19px";
    captDiv.style.fontSize = "11px";
    captDiv.style.marginTop = "1px";
    captDiv.appendChild(document.createTextNode(newImg.caption));
    newImgDiv.appendChild(captDiv);
    sliderContainer.appendChild(newImgDiv);
    }
setClickArrows();
}

function setClickArrows() {
 left_arrow = document.getElementById("move_left");
 right_arrow = document.getElementById("move_right");
 left_arrow.onclick = move_slider_left;
 right_arrow.onclick = move_slider_right;
 setOpacity( right_arrow, 25 );
}

function move_slider_left() {
  if (Math.abs(iPos) < (k - j)) {
  moveLeft(sliderContainer,iPos,j,15);
  iPos -= j;
  setOpacity( right_arrow, 100 );
  }
  if (Math.abs(iPos) > (k - (j*2))) {
  setOpacity( left_arrow, 25 );
  }

}

function move_slider_right() {
    //alert(i+" , "+k);
  if (iPos < 0 ) {
  moveRight(sliderContainer,iPos,j,15);
  iPos += j;
  setOpacity( left_arrow, 100 );
  }
  if (iPos > 0 - j ) {
  setOpacity( right_arrow, 25 );
  }
}