// JavaScript Document

<!--
// Jeff
// www.huntingground.freeserve.co.uk

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

/*function imageNames()
{
	var str = "../userPhotos/pradeep.jpg,"+"../userPhotos/pradeep.png,"+"../userPhotos/matrix.png,"+"../userPhotos/colourmart.png,"+"../userPhotos/sakthi.png,"+"../userPhotos/matrix.jpg,"+"../userPhotos/noPhoto.jpg,"+"../userPhotos/noPhoto1.jpg,"+"../userPhotos/tttttt.jpg,"+"../userPhotos/nnnnnn.jpg,"+"../userPhotos/ggggggdfg.png";
	return str;
}*/


imgPlaces=10 // number of images visible
imgWidth=70 // width of the images
imgHeight=70 // height of the images
imgSpacer=4 // space between the images

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

newWindow=0 // 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(pImageNames, pProductNames, pProductIds){
	//alert(pImageNames);
//var	str = imageNames();
var newStr = pImageNames.split(",");
var productNames = pProductNames.split(",");
var productIds = pProductIds.split(",");
var data = new Array(100);
//alert(newStr.length);
for(var loop=0; loop<newStr.length; loop++)
{
	//var data = [[newStr[loop]],["Image"+loop],["check"+loop]];
	//if(loop != (newStr.length - 1))
		//data = [[newStr[loop],"Image"+loop,"check"+loop]];
//	else
	data[loop] = new Array();
	data[loop][0] = newStr[loop];
	//data[loop][0] = "asdfa";
	data[loop][1] = productNames[loop];
	data[loop][2] = productIds[loop];
	//document.writeln(data[loop][0]);
	//document.writeln(data[loop][1]);
		//for(arrLoop = 0; arrLoop<3; arrLoop++)
		//{
			//data[arrLoop] = newStr[loop];
			//data[arrLoop] = "Image"+loop;
			//data[arrLoop] = "check"+loop;
		//}
		//alert(data);
	//alert(data[[newStr[loop],"Image"+loop,"check"+loop]]);
}
//alert(data);
/*
data=[
[newStr[0],"Alt / Title text for image 1","../userPhotos/pradeep.jpg"],
[newStr[1],"Alt / Title text for image 2","../userPhotos/pradeep.png"],
[newStr[2],"Alt / Title text for image 3","../userPhotos/matrix.png"],
[newStr[3],"Alt / Title text for image 4","../userPhotos/colourmart.png"],
[newStr[4],"Alt / Title text for image 5","../userPhotos/sakthi.png"],
[newStr[5],"Alt / Title text for image 6","../userPhotos/matrix.jpg"],
[newStr[6],"Alt / Title text for image 7","../userPhotos/noPhoto.jpg"],
[newStr[7],"Alt / Title text for image 8","../userPhotos/noPhoto1.jpg"],
[newStr[8],"Alt / Title text for image 9","../userPhotos/noPhoto1.jpg"],
[newStr[9],"Alt / Title text for image 10","../userPhotos/tttttt.jpg"],
[newStr[10],"Alt / Title text for image 11","../userPhotos/nnnnnn.jpg"],
[newStr[11],"Alt / Title text for image 12","../userPhotos/ggggggdfg.png"] // no comma at end of last index
]*/
for(var i=0;i<imgPlaces+1;i++){ // create image holders
newImg=document.createElement("IMG")
newImg.setAttribute("id","pic_"+i)
newImg.setAttribute("src","")
//alert(i);
//alert(data[0][1]);
newImg.setAttribute("title",data[i][1])
newImg.style.position="absolute"
newImg.style.width=imgWidth+"px"
newImg.style.height=imgHeight+"px"
newImg.style.border=0
newImg.style.cursor="pointer"
newImg.alt=""
newImg.i=i
newImg.onclick=function(){his3Win("../products/dispRootProducts?rootProductId="+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(pImageNames, pProductNames, pProductIds)}

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.title = data[nextPic][1];
currentImage.style.cursor = "pointer";
currentImage.i=nextPic
currentImage.onclick=function(){his3Win("../products/dispRootProducts?rootProductId="+data[this.i][2])}
nextPic++
}

scrollHIS3(pImageNames, pProductNames, pProductIds)
}

timer="";
function scrollHIS3(pImageNames, pProductNames, pProductIds){
clearTimeout(timer)
//var	str = imageNames();
//alert(pImageNames);
var newStr = pImageNames.split(",");
var productNames = pProductNames.split(",");
var productIds = pProductIds.split(",");
var data = new Array();
for(var loop=0; loop<newStr.length; loop++)
{
	//if(loop != (newStr.length - 1))
		//var data = [[newStr[loop]],["Image"+loop],["check"+loop]];
//	else
		data[loop] = new Array();
		data[loop][0] = newStr[loop];
		//data[loop][0] = "asdfa";
		data[loop][1] = productNames[loop];
		data[loop][2] = productIds[loop];
		//alert(data);
	//alert(data[[newStr[loop],"Image"+loop,"check"+loop]]);
}

/*
data=[
[newStr[0],"Alt / Title text for image 1","../userPhotos/pradeep.jpg"],
[newStr[1],"Alt / Title text for image 2","../userPhotos/pradeep.png"],
[newStr[2],"Alt / Title text for image 3","../userPhotos/matrix.png"],
[newStr[3],"Alt / Title text for image 4","../userPhotos/colourmart.png"],
[newStr[4],"Alt / Title text for image 5","../userPhotos/sakthi.png"],
[newStr[5],"Alt / Title text for image 6","../userPhotos/matrix.jpg"],
[newStr[6],"Alt / Title text for image 7","../userPhotos/noPhoto.jpg"],
[newStr[7],"Alt / Title text for image 8","../userPhotos/noPhoto1.jpg"],
[newStr[8],"Alt / Title text for image 9","../userPhotos/noPhoto1.jpg"],
[newStr[9],"Alt / Title text for image 10","../userPhotos/tttttt.jpg"],
[newStr[10],"Alt / Title text for image 11","../userPhotos/nnnnnn.jpg"],
[newStr[11],"Alt / Title text for image 12","../userPhotos/ggggggdfg.png"] // no comma at end of last index
]*/
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}

//alert(data[nextPic][0])
currentImage.src=data[nextPic][0]
currentImage.alt=data[nextPic][1]
currentImage.title = data[nextPic][1];
currentImage.style.cursor = "pointer";
currentImage.i=nextPic
currentImage.onclick=function(){his3Win("../products/dispRootProducts?rootProductId="+data[this.i][2])}

nextPic++

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

}
//alert(pImageNames);
timer=setTimeout("scrollHIS3('"+pImageNames+"','"+ pProductNames +"','"+ pProductIds +"')",speed)

}

function stopHIS3(){
clearTimeout(timer)
}

function his3Win(loc){
if(loc==""){return}
if(newWindow==0){
location=loc
}
else{
//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()
}
}

// -->