var links_div = document.getElementById('links_container');
var speed = 30;

if(pic != "undefined"){
	var kk = pic.length;
}else{
	var kk = 0;
}

var ii;
var hhh;
var nnn;
var myInterval;
var myPause;
var mode = 0;
var total_width = 0;

var imgArray = new Array(kk);
var myLeft = new Array(kk);

for (ii=0;ii<kk;ii++){
	imgArray[ii] = new Image();
	imgArray[ii].src = pic[ii].name;
	imgArray[ii].width = pic[ii].width;

 	hhh=0;
 	for (nnn=0;nnn<ii;nnn++){
 		hhh=hhh+pic[nnn].width;
 	}
 	myLeft[ii] = hhh;
}

// Calculates total image width
for (ii=0;ii<kk;ii++){
	total_width = total_width + pic[ii].width;	
}

function ready(){
	for (ii=0;ii<kk;ii++){
 		if (document.images[ii].complete == false){
 			return false;
 			break;
 		}
	 }
	 return true;
}

function startScrolling(){
	if (ready() == true){
 		window.clearInterval(myPause);
 		myInterval = setInterval("autoScroll_left()",speed);
 	}
}

function autoScroll_right(){
	for (ii=0;ii<kk;ii++){
 		myLeft[ii] = myLeft[ii] + 1;

		if (myLeft[ii] == total_width - pic[ii].width){
			hhh = total_width;
			for (nnn=0;nnn<kk;nnn++){
				if (nnn!=ii){
					hhh = hhh - pic[nnn].width;
				}
			}
			myLeft[ii] = 0 - pic[ii].width;
		}
		
		var obj = document.getElementById(pic[ii].id);
		obj.style.left = myLeft[ii] + 'px';
 	}
 	mode = 1;
}

function autoScroll_left(){
	for (ii=0;ii<kk;ii++){
 		myLeft[ii] = myLeft[ii] - 1;

		if (myLeft[ii] == -(pic[ii].width)){
			hhh = 0;
			for (nnn=0;nnn<kk;nnn++){
				if (nnn!=ii){
					hhh = hhh + pic[nnn].width;
				}
			}
			myLeft[ii] = hhh;
		}

		var obj = document.getElementById(pic[ii].id);
		obj.style.left = myLeft[ii] + 'px';
 	}
 	mode = 1;
}

function stop(){
	if (mode == 1){
 		window.clearInterval(myInterval);
 	}
 	if (mode == 0){
 		window.clearInterval(myPause);
 	}
}

function go(){
	if (mode == 1){
 		myInterval = setInterval("autoScroll_left()",speed);
 	}
 	if (mode == 0){
 		myPause = setInterval("startScrolling()",500);
 	}
}

// LEFT ARROW ONCLICK
function move_left(){
	window.clearInterval(myInterval);
	window.clearInterval(myPause);
	if (mode == 1){
 		myInterval = setInterval("autoScroll_left()",speed);
 	}
 	if (mode == 0){
 		myPause = setInterval("startScrolling()",500);
 	}
}

// RIGHT ARROW ONCLICK
function move_right(){
	window.clearInterval(myInterval);
	window.clearInterval(myPause);
	if (mode == 1){
 		myInterval = setInterval("autoScroll_right()",speed);
 	}
 	if (mode == 0){
 		myPause = setInterval("startScrolling()",500);
 	}
}

// AUTO-START
myPause = setInterval("startScrolling()",500);

// IMAGE LOAD
for (ii=0;ii<kk;ii++){
	links_div.innerHTML += '<a href="' + pic[ii].img_link + '"><img id="' + pic[ii].id + '" border="0" height="60" style="position: absolute; top: 0px; left: ' + myLeft[ii] + 'px;" src="' + pic[ii].name + '" onMouseOver="javascript:stop();" /></a>';
}