imgPlaces=5; // number of images visible
imgWidth=200; // width of the images
imgHeight=100; // height of the images
imgSpacer=4; // space between the images

dir=0 // 0 = left, 1 = right

newWindow=1 // 0 = Open a new window for links 0 = no  1 = yes

// ********** End User Defining Area **********

moz=document.getElementById&&!document.all

step=1
timer=""
speed=50
nextPic=0
initPos=new Array()
nowDivPos=new Array()

function initHIS3()
{
	for(var i=0;i<imgPlaces+1;i++)  // create image holders
	{
		newImg=document.createElement("img");
		newImg.setAttribute("id","pic_"+i);
		newImg.setAttribute("src","");
		newImg.style.position="absolute";
		newImg.style.width=imgWidth+"px";
		newImg.style.height=imgHeight+"px";
		newImg.style.border=0;
		newImg.style.cursor="pointer";
		newImg.style.margin="2px 0 0 5px";
		newImg.alt="";
		newImg.i=i;
		newImg.onclick=function() { his3Win(data[this.i][2]); }

		document.getElementById("display_area").appendChild(newImg);
	}

	containerEL=document.getElementById("his3container");
	displayArea=document.getElementById("display_area");
	pic0=document.getElementById("pic_0");

	containerBorder=(document.compatMode=="CSS1Compat"?0:parseInt(containerEL.style.borderWidth)*2);
	containerWidth=(imgPlaces*imgWidth)+((imgPlaces-1)*imgSpacer);
//	containerEL.style.width=containerWidth+(!moz?containerBorder:"")+"px";
	containerEL.style.height=imgHeight+(!moz?containerBorder:"")+"px";

	displayArea.style.width=containerWidth+"px";
	displayArea.style.clip="rect(0,"+(containerWidth+"px")+","+(imgHeight+"px")+",0)";
	displayArea.onmouseover=function(){ stopHIS3(); }
	displayArea.onmouseout=function(){ scrollHIS3(); }

	imgPos= -pic0.width

	for(var i=0;i<imgPlaces+1;i++)
	{
		currentImage=document.getElementById("pic_"+i)

		if(dir==0){imgPos+=pic0.width+imgSpacer} // if left

		initPos[i]=imgPos

		if(dir==0){currentImage.style.left=initPos[i]+"px"} // if left

		if(dir==1) // if right
		{
			document.getElementById("pic_"+[(imgPlaces-i)]).style.left=initPos[i]+"px";
			imgPos+=pic0.width+imgSpacer;
		}

		if(nextPic==data.length){ nextPic=0; }

		currentImage.src=data[nextPic][0];
		currentImage.alt=data[nextPic][1];
		currentImage.i=nextPic;
		currentImage.onclick=function(){ his3Win(data[this.i][2]); }
		nextPic++;
	}

	scrollHIS3();
}

timer="";

function scrollHIS3()
{
	clearTimeout(timer);

	for(var i=0;i<imgPlaces+1;i++)
	{
		currentImage=document.getElementById("pic_"+i);

		nowDivPos[i]=parseInt(currentImage.style.left)

		if(dir==0){nowDivPos[i]-=step}
		if(dir==1){nowDivPos[i]+=step}

		if(dir==0&&nowDivPos[i]<= -(pic0.width+imgSpacer) || dir==1&&nowDivPos[i]>containerWidth)
		{
			if(dir==0) { currentImage.style.left=containerWidth+imgSpacer+"px"; }
			if(dir==1) { currentImage.style.left= -pic0.width-(imgSpacer*2)+"px"; }
			if(nextPic>data.length-1) { nextPic=0;}

			currentImage.src=data[nextPic][0];
			currentImage.alt=data[nextPic][1];
			currentImage.i=nextPic;
			currentImage.onclick=function(){his3Win(data[this.i][2])}

			nextPic++;
		}
		else
		{ currentImage.style.left=nowDivPos[i]+"px"; }
	}

	timer=setTimeout("scrollHIS3()", speed);
}

function stopHIS3()
{ clearTimeout(timer); }

function his3Win(loc)
{
	if(loc==""){ return; }

	if(newWindow==0)
	{ location=loc; }
	else
	{
		window.location = loc;
		//window.open(loc)
//		newin=window.open(loc,'win1','left=430, top=340, width=300, height=300'); // use for specific size and positioned window
//		newin.focus()
	}
}