// JavaScript Document slider
function addLoadEvent(func) {
  var newonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
    if (newonload) {
       newonload();
      }
     func();
    }
  }
}



function slider() {
	if (!document.getElementsByTagName) return;
	if (!document.getElementById("control")) return;
	var control = document.getElementById("control");
	var slider = document.getElementById("slider");
	slider.style.marginLeft = "0px";
	var li = control.getElementsByTagName("li");
	for (var i = 0; i < li.length; i++) {
		li[i].childNodes[0].id = i;
		li[i].childNodes[0].onclick = slide;
	}
}
function slide() {
	var x = this.id * 960;
	x = x * -1;
	slideElement("slider", x, 20);
	return false;
}
function slideElement(elementID, final_x, interval) {
	var element = document.getElementById(elementID);
	if(element.movement) {
		clearTimeout(element.movement);	
	}
	var xposition = parseInt(element.style.marginLeft);
	if(xposition == final_x) {
		return true;
	}
	if(xposition < final_x) {
		var dist = Math.ceil((final_x - xposition)/10);
		xposition = xposition + dist;
	}
	if(xposition > final_x) {
		var dist = Math.ceil((xposition - final_x)/10);
		xposition = xposition - dist;
	}
	element.style.marginLeft = xposition + "px";
	var repeat = "slideElement('"+elementID+"',"+final_x+","+interval+")";		
	element.movement = setTimeout(repeat, interval);
}

addLoadEvent(slider);