var _images = [];
var _links_li = [];
var curr_image = 0;
var _inprogress = false;
var _start = -550;
var _end = 0;

function initSlideshow()
{
	var _div = document.getElementById("slide-images");
	var _ul = document.getElementById("num-pages");
	if(_div && _ul)
	{
		_images = _div.getElementsByTagName("img");
		var _length = Math.min(4,_images.length);
		for(var i = 0; i < _length; i++)
		{
			_images[i].id = "img-" + i;
			_images[i].mooeffect = new Fx.Styles( _images[i].id, {duration: 700,
						
					onStart: function(){
						_inprogress = true;
					},
					onComplete: function(){
						
						if(this.element.offsetLeft == _start)
						{
							_images[curr_image].mooeffect.custom({"left":[_start,_end]});													
						}						
						if(this.element.offsetLeft == _end)
						{
							_inprogress = false;
						}
						
					}		
			
			});
	
			if(i == curr_image)
			{
				_images[i].style.left = "0px";
			}
			var _li = document.createElement("li");
			var _a = document.createElement("a");
			_a.innerHTML = i+1;
			_a._index = i;
			_a.href = "javascript:;";
			_a.onclick = function()
			{
				if(!_inprogress)
				{
					_images[curr_image].mooeffect.custom({"left":[_end,_start]});
					curr_image = this._index;
	
					for(var i = 0; i < _links_li.length; i++)
					{
						_links_li[i].className = _links_li[i].className.replace("active","");
					}
					if(this.className.indexOf("active") == -1)
					{
						this.className += " active";
					}
				}
				//alert(this._index);
			};
			_li.appendChild(_a);

			_li.className = "";
			_a.className = "";

			if(i == curr_image)
			{
				_a.className += " active";
			}
			if(i == _length - 1)
			{
				_li.className += " last";
			}
			_ul.appendChild(_li);

			_links_li[_links_li.length] = _a;

		}
		
	}
}

if (window.addEventListener)
	window.addEventListener("load", initSlideshow, false);
else if (window.attachEvent)
	window.attachEvent("onload", initSlideshow);