function dualImageSlider()
{
	this.container = null;
}

dualImageSlider.prototype.launch = function(container)
{
	this.container = null;
	this.div       = document.getElementById(container);
	this.pics      = Array();
	this.frames    = Array();
	this.controls  = Array();
	this.count     = 0;
	this.offsetIndex = 0;
	this.offset = 0;
	
	this.div.style.overflow = "hidden";
	this.extractPictures(this.div);
	this.div.innerHTML = "";
	this.timeOut       = null;
	this.count = this.pics.length;

	var left = 0;
	for (var i=0;i<this.count; i++)
	{
		this.frames[i] = document.createElement("div");
		this.frames[i].style.position  = 'absolute';
		this.frames[i].style.width     = '50%';
		this.frames[i].style.height    = '100%';
		this.frames[i].style.left      = left + '%';
		this.frames[i].style.top       = "0%";
		this.frames[i].style.zIndex    = "0";
		var aPic = document.createElement("img");
		aPic.src = this.pics[i].src;
		aPic.style.width = "100%";
		aPic.style.height = "100%";
		this.frames[i].appendChild(aPic);
		
		//this.frames[i].style.backgroundImage = "url(" + this.pics[i].src + ")";
		left += 50;

		this.div.appendChild(this.frames[i]);
	}

	var left = -0;
	for (var i=0;i<=1;i++)
	{
		this.controls[i] = document.createElement("div");
		this.controls[i].style.position  = 'absolute';
		this.controls[i].style.width     = '50%';
		this.controls[i].style.height    = '100%';
		this.controls[i].style.left      = left + '%';
		this.controls[i].style.top       = "0%";
		this.controls[i].style.zIndex    = "1";
		this.controls[i].style.cursor    = "pointer";
		left += 50;
	}

	this.controls[0].onclick = Function("dualSliderInstance.left()");
	this.controls[1].onclick = Function("dualSliderInstance.right()");
	this.div.appendChild(this.controls[0]);
	this.div.appendChild(this.controls[1]);


}

dualImageSlider.prototype.updatePosition = function(dir)
{
	for (var i=0; i<this.count; i++)
	{
		this.frames[i].style.left = (i*50+this.offsetIndex) + "%";
	}


	if (this.offsetIndex % 50 != 0)
	{
		this.timeOut = window.setTimeout("dualSliderInstance.move('" + dir + "')",15);
	}
}

dualImageSlider.prototype.move = function(dir)
{
	switch (dir)
	{
		case "right":
			this.offsetIndex += this.offset;
		break;
		case "left":
			this.offsetIndex += this.offset;
		break;
	}
	this.updatePosition(dir);
}

dualImageSlider.prototype.left = function()
{
	if (this.offsetIndex < 0)
	{
		window.clearTimeout(this.timeOut);
		this.offset = 5;
		this.move("left");
	}
	else
	{
		this.right();
	}
}

dualImageSlider.prototype.right = function()
{
	if (this.offsetIndex > - (this.count-2)*50)
	{
		window.clearTimeout(this.timeOut);
		this.offset = -5;
		this.move("right");
	}
	else
	{
		this.left();
	}
	
}

dualImageSlider.prototype.extractPictures = function(div)
{
	var buffer = div.getElementsByTagName("img");
	for (var i=0;i<buffer.length; i++)
	{
		this.pics[i] = buffer[i];
	}
}