var ControlsSlide = 
{
	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);
	},
	MoveControls : 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;
					}
					this.DivContent.style.left = currPos + "px";
					break;
			}
		}
	},
	Stop : function()
	{
		clearInterval(this.SlideInterval);
	},
	Move : function(direction) 
	{
		this.SlideInterval = setInterval(function(){ControlsSlide.MoveControls(direction)}, 1);
	}
};


var ProjectDetails = 
{
	img1 : null,
	img2 : null,
	CurrentImage : 1,
	SlideShowOn : 0,
	SlideInterval : 0,
	ImageID : 0,
	SwapImage : function(id)
	{
		if(ProjectDetails.SlideShowOn == 0)
		{
			var FadeIn, FadeOut;
			FadeOut = (ProjectDetails.CurrentImage == 1) ? ProjectDetails.img1 : ProjectDetails.img2;
			FadeIn = (ProjectDetails.CurrentImage == 1) ? ProjectDetails.img2 : ProjectDetails.img1;
			ProjectDetails.CurrentImage = (ProjectDetails.CurrentImage == 1) ? 2 : 1;
			ProjectDetails.ImageID = id;
			if(document.all)
			{
				FadeIn.filters[0].opacity = 0;
			}
			else
			{
				FadeIn.style.MozOpacity = 0;
			}
			if(id != "")
			{
				FadeIn.src = id;
			}
			else
			{
				FadeIn.src = "/portal/templates/LightFolio/images/common/theme/rollyimg/bgs/trans-bg.png";
			}
			ProjectDetails.SlideShowOn = 1;
			ProjectDetails.SlideInterval = setInterval(function(){ProjectDetails.FadeEffect(FadeIn, FadeOut)} , 20);
		}
	},
	FadeEffect : function(FadeInImage, FadeOutImage)
	{
		if(document.all)
		{
			ProjectDetails.FadeEffect_IE(FadeInImage, FadeOutImage);
		}
		else
		{
			ProjectDetails.FadeEffect_Moz(FadeInImage, FadeOutImage);
		}
		
	},
	FadeEffect_IE : function(FadeInImage, FadeOutImage)
	{
		var FadeInOpacity, FadeOutOpacity;
		FadeInOpacity = FadeInImage.filters[0].opacity;
		FadeOutOpacity = FadeOutImage.filters[0].opacity;
		if(Number(FadeInOpacity) >= 100)
		{
			clearInterval(ProjectDetails.SlideInterval);
			ProjectDetails.SlideShowOn = 0;
		}
		else
		{
			FadeInOpacity = Number(FadeInOpacity) + 5;
			FadeInImage.filters[0].opacity = FadeInOpacity;
			if(FadeOutOpacity  > 0)
			{
				FadeOutOpacity -= 5;
				FadeOutImage.filters[0].opacity = FadeOutOpacity;			
			}
		}
	},
	FadeEffect_Moz : function(FadeInImage, FadeOutImage)
	{
		var FadeInOpacity, FadeOutOpacity;
		FadeInOpacity = FadeInImage.style.MozOpacity;
		FadeOutOpacity = FadeOutImage.style.MozOpacity;
		if(Number(FadeInOpacity) >= 1)
		{
			clearInterval(ProjectDetails.SlideInterval);
			ProjectDetails.SlideShowOn = 0;
		}
		else
		{
			FadeInOpacity = Number(FadeInOpacity) + 0.05;
			FadeInImage.style.MozOpacity = FadeInOpacity;
			if(FadeOutOpacity > 0)
			{
				FadeOutOpacity -= 0.05;
				FadeOutImage.style.MozOpacity = FadeOutOpacity;			
			}
		}
	},
	ShowInfo : function()
	{
		ProjectDetails.SwapImage(-1);
	},
	init : function(sImg1, sImg2)
	{
		ProjectDetails.img1 = document.getElementById(sImg1);
		ProjectDetails.img2 = document.getElementById(sImg2);
	}
}