// JavaScript Document

var speed = 10;
var pic, numImgs, arrLeft, i, totalWidth, n, myInterval;

$(window).load(function(){
	pic = $("#marquee").children("img");
	numImgs = pic.length;
	arrLeft = new Array(numImgs);
	
	for (i=0; i<numImgs; i++)
	{
		totalWidth = 0;
		
		for (n=0; n<i; n++)
		{
			totalWidth += $(pic[n]).width();
		}
		
		arrLeft[i] = totalWidth;
		$(pic[i]).css("left", totalWidth);
	}
	
	myInterval = setInterval("flexiScroll()", speed);
	$('#imageLoader').hide();
	$(pic).show();
});

function flexiScroll(){
	for (i=0; i<numImgs; i++)
	{
		arrLeft[i] -= 1;
		
		if (arrLeft[i] == -($(pic[i]).width()))
		{
			totalWidth = 0;
			
			for (n=0; n<numImgs; n++)
			{
				if (n != i)
				{
					totalWidth += $(pic[n]).width();
				}
			}
			
			arrLeft[i] = totalWidth;
		}
		
		$(pic[i]).css("left", arrLeft[i]);
	}
}