// JavaScript Document
<!--
var widthcount;

function getScrollWidth(){
	var elem = document.getElementById("slider");
	var myimgs = elem.getElementsByTagName("img");
	widthcount = 0;
	for (var i=0; i<myimgs.length; i++){
		widthcount += myimgs[i].scrollWidth;
	}
	widthcount += 50;
	elem.style.width = widthcount + "px";
	// alert(elem.style.width);
}

function moveElement(elementID, final_x, interval){
	
	if(!document.getElementsByTagName) return false; 
	if(!document.getElementById) return false; 
	if(!document.getElementById(elementID)) return false;
	
	var elem = document.getElementById(elementID);
	
	var shiftval = elem.parentNode.clientWidth;
	
	var maxright = (0 - (elem.scrollWidth) + shiftval);
	var maxleft = 0;
		
	if(elem.movement){
		clearTimeout(elem.movement);
	}
	if(!elem.style.left ){
		elem.style.left = "0px";
	}
	
	var xpos = parseInt(elem.style.left);
	
	if(xpos == final_x){
		clearTimeout(elem.movement);
		return true;
	}	
	if(xpos < final_x){
		if(xpos >= maxleft){
			clearTimeout(elem.movement);
			return true;
		}else{
			var dist = Math.ceil((final_x - xpos)/10);
			xpos = xpos + dist;
		}
	}
	if(xpos > final_x){
		if(xpos <= maxright){
			clearTimeout(elem.movement);
			return true;
		}else{
			var dist = Math.ceil((final_x - xpos)/10);
			xpos = xpos + dist;
		}
	}

	elem.style.left = xpos + "px";
	
	var repeat = "moveElement('"+elementID+"',"+final_x+","+interval+")";
	elem.movement = setTimeout(repeat,interval);
}


addLoadEvent(getScrollWidth);
-->