var direction;
var scrlSpeed=5;
var contObj;
var obj;
var leftButton;
var rightButton;
var widthContainer;
var widthObject;

function initScroll() {
	contObj=document.getElementById("scrollOuter");
	obj=document.getElementById("scrollInner");

	contObj.scrlSpeed=scrlSpeed;
	widthContainer = contObj.offsetWidth;
	widthObject=obj.offsetWidth;
	obj.style.marginLeft="0px";
		
	/*// Preload rollover images
	var leftRollover = new Image(30, 200);
	leftRollover.src="images/buttons/button_left_rollover.png";

	var rightRollover = new Image(30, 200);
	rightRollover.src="images/buttons/button_right_rollover.png";*/

	interval=setInterval("objScroll()",50);
}

function objScroll() {
	if (direction == "left")
	{
		if (parseInt(obj.style.marginLeft)<(widthContainer)){
			obj.style.marginLeft=parseInt(obj.style.marginLeft)+contObj.scrlSpeed+"px";
		} else {
			obj.style.marginLeft=widthObject*(-1)+"px";
		}
	}
	else if (direction == "right")
	{
		if (parseInt(obj.style.marginLeft)>(widthObject*(-1))){
			obj.style.marginLeft=parseInt(obj.style.marginLeft)-contObj.scrlSpeed+"px";
		} else  {
			obj.style.marginLeft=parseInt(widthContainer)+"px";
		}

	}
}

function startScroll(dir) {
	contObj.scrlSpeed=scrlSpeed;
	direction = dir;
	
}

function stopScroll() {
	contObj.scrlSpeed = 0;
}

function imgSwap(oImg)
{
   var strOver  = "_on"    // image to be used with mouse over
   var strOff = "_off"     // normal image
   var strImg = oImg.src
   if (strImg.indexOf(strOver) != -1)
   {
      oImg.src = strImg.replace(strOver,strOff)
      stopScroll();
   }
   else
   {
      oImg.src = strImg.replace(strOff,strOver)
      if (strImg.indexOf("left") != -1)
		  startScroll("left");
	  else
	  	  startScroll("right");
	}
}

// CURRENT STUFF

function setMarginLeft(pixels) {
	obj=document.getElementById("scrollInner");
	contObj=document.getElementById("scrollOuter");
	
	obj.style.marginLeft=(pixels*(contObj.offsetWidth+130))+'px';
}

var previousID = 'default'; // something other than the first one!

function showInfo(pixels) {
     	obj=document.getElementById("scrollInner");
      	contObj=document.getElementById("scrollOuter");
      	
      	var screenshotID = Math.round((pixels*contObj.offsetWidth)/300);

      	if (screenshotID != previousID) {
			Effect.Fade("details" + previousID, { duration:0.5 });
			//document.getElementById("websiteDetails").innerHTML = document.getElementById("details" + screenshotID).innerHTML;
/* 			Effect.Appear("details" + screenshotID); */
			setTimeout("Effect.Appear('details" + screenshotID + "', { duration:0.5 })", 500);
      	}

      	previousID = screenshotID;
}