var SlidingMenu = 
{
	DivContent : null,
	DivStage : null,
	PixelsPerSlide : 2,
	SlideInterval : 0,
	ContentWidth : 0, 
	StageWidth : 0,
	init : function(dContent, dStage)
	{
		this.DivContent = document.getElementById(dContent);
		this.DivStage = document.getElementById(dStage);
		this.ContentWidth = this.DivContent.style.width.substr(0, this.DivContent.style.width.length - 2);
		this.StageWidth = this.DivStage.style.width.substr(0, this.DivStage.style.width.length - 2);
	},
	MoveMenu : function(direction)
	{
		var currPos;
		if(this.DivContent != null)
		{
			currPos = this.DivContent.style.left;
			currPos = (currPos.length > 0) ? currPos.substr(0, currPos.length - 2) : 0;
			switch(direction)
			{
				case "left":
					if (currPos < 0)
					{
						currPos = Number(currPos) + this.PixelsPerSlide;
					}
					else
					{
						currPos = 0;
					}
					this.DivContent.style.left = currPos + "px";
					break;
				case "right":
					if (currPos <= 0)
					{
						if (currPos > (this.StageWidth - this.ContentWidth))
						{
							currPos -= this.PixelsPerSlide;
						}
						else
						{
							currPos = 0;
						}
					}
					else
					{
						currPos = 0;
					}
					this.DivContent.style.left = currPos + "px";
					break;
			}
		}
	},
	Stop : function()
	{
		clearInterval(this.SlideInterval);
	},
	Move : function(direction) 
	{
		this.SlideInterval = setInterval(function(){SlidingMenu.MoveMenu(direction)}, 1);
	},
	SetDefault : function(left)
	{
		var currPos;
		if(this.DivContent != null)
		{
			currPos = this.DivContent.style.left;
			currPos = (currPos.length > 0) ? currPos.substr(0, currPos.length - 2) : 0;
			currPos = Number(currPos) - left;
			this.DivContent.style.left = currPos + "px";
		}
	}
};

