// JScript File

//myImages=[
//["/company_logo/Audi.jpg","/expertAllModelReviews.aspx?mkId=1","Audi"],
//["cabbage/Blanky.jpg","gallery/big/cabbage/Blanky.jpg","Cabbage Rose Collections"],
//["cabbage/Booties.jpg","gallery/big/cabbage/Booties.jpg","Cabbage Rose Collections"],
//["cabbage/Bunny.jpg","gallery/big/cabbage/Bunny.jpg","Cabbage Rose Collections"],
//["cabbage/colour-card.jpg","gallery/big/cabbage/colour-card.jpg","Cabbage Rose Collections"],
//["cabbage/Hat.jpg","gallery/big/cabbage/Hat.jpg","Cabbage Rose Collections"],
//["cabbage/Lined-Blanket.jpg","gallery/big/cabbage/Lined-Blanket.jpg","Cabbage Rose Collections"],
//["cabbage/Pillows.jpg","gallery/big/cabbage/Pillows.jpg","Cabbage Rose Collections"],
//["cabbage/Robe.jpg","gallery/big/cabbage/Robe.jpg","Cabbage Rose Collections"]// no comma at the end of last index
//]


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-5);i+=6)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];fillItemOptions(a[i+4],a[i+5],a[i+6]);}
}



function preLoadImg()
{
	for(var k=0;k<myImages.length;k++){ // Pre Load Images
	MM_preloadImages(myImages[k][0]);
	}
}



dir=0 // 0 = left 1 = right
speed=2
imageSize=100  // % set to zero to use fixedWidth and fixedHeight values
fixedWidth=100 // set a fixed width
fixedHeight=95 // set a fixed height
spacerWidth=5 // space between images

minImagetoStratScroll = 4

popupLeft= 100 // pixels
popupTop= 100 // pixels

makeText=''

biggest=0
ieBorder=0
totalWidth=0
hs3Timer=null

preload=new Array()
for(var i=0;i<myImages.length;i++){
preload[i]=new Image()
preload[i].src=myImages[i][0]
}

function initHS3(){
scroll1=document.getElementById("scroller1")

for(var j=0;j<myImages.length;j++){
//txtDiv.innerHTML+='<div id="txt'+j+'" style="text-align:center;height:18px;">'+myImages[j][1]+'</div>'
scroll1.innerHTML+='<a href="'+myImages[j][1]+'"><img id="pic'+j+'" src="'+preload[j].src+'" alt="'+myImages[j][2]+'" title="'+myImages[j][2]+'" border="0" /></a>'
//scroll1.innerHTML+='<span style="width:30"><span style="display:block;">Vineet</span><a href="'+myImages[j][1]+'"><img id="pic'+j+'" src="'+preload[j].src+'" alt="'+myImages[j][2]+'" title="'+myImages[j][2]+'" border="0" /></a></span>'

if(imageSize!=0){ // use percentage size
newWidth=preload[j].width/100*imageSize
newHeight=preload[j].height/100*imageSize
}
else{ // use fixed size
newWidth=fixedWidth
newHeight=fixedHeight
}
//scroll1.innerHTML+='<div id="div'+j+'"><span style="display:block;height:20px;color:#000000;font-size:10px;">'+myImages[j][2]+'</span><a href="'+myImages[j][1]+'"><img id="pic'+j+'" src="'+preload[j].src+'" alt="'+myImages[j][2]+'" title="'+myImages[j][2]+'" border="0" /></a></div>'

document.getElementById("pic"+j).style.width=newWidth+"px"
document.getElementById("pic"+j).style.height=newHeight+"px"
//document.getElementById("txt"+j).style.width=newWidth+"px"

if((document.getElementById("pic"+j).offsetHeight)>biggest){
    biggest=document.getElementById("pic"+j).offsetHeight;
}

document.getElementById("pic"+j).style.marginLeft=spacerWidth+"px"
//document.getElementById("txt"+j).style.marginLeft=spacerWidth+"px"

totalWidth+=document.getElementById("pic"+j).offsetWidth+spacerWidth

}

totalWidth+=1

for(var k=0;k<myImages.length;k++){ // vertically center images
document.getElementById("pic"+k).style.marginBottom = (biggest-document.getElementById("pic"+k).offsetHeight)/2+"px"
}

if(document.getElementById&&document.all){
ieBorder=parseInt(document.getElementById("scrollbox").style.borderTopWidth)*2
}

document.getElementById("scrollbox").style.height=biggest+ieBorder+"px"
document.getElementById("scrollbox").style.top="50%"
document.getElementById("scrollbox").style.marginTop=-((biggest+ieBorder)/2)+"px"

scroll1.style.width=totalWidth+"px"
//scroll1.innerHTML='<div style="display:block;width:'+totalWidth+'px;">'+txtDiv.innerHTML+'</div><div style="display:block;width:'+totalWidth+'px;">'+scroll1.innerHTML+'</div>'

scroll2=document.getElementById("scroller2")
scroll2.innerHTML=scroll1.innerHTML
scroll2.style.left= (-scroll1.offsetWidth)+"px"
scroll2.style.top= -scroll1.offsetHeight+"px"
scroll2.style.width=totalWidth+"px"

if(dir==1){
speed= -speed
}

scrollHS3()
}


function scrollHS3(){
if(paused==1){return}
clearTimeout(hs3Timer)

scroll1Pos=parseInt(scroll1.style.left)
scroll2Pos=parseInt(scroll2.style.left)

scroll1Pos-=speed
scroll2Pos-=speed

scroll1.style.left=scroll1Pos+"px"
scroll2.style.left=scroll2Pos+"px"

hs3Timer=setTimeout("scrollHS3()",50)

if(dir==0){
if(scroll1Pos< -scroll1.offsetWidth){
scroll1.style.left=scroll1.offsetWidth+"px"
}

if(scroll2Pos< -scroll1.offsetWidth){
scroll2.style.left=scroll1.offsetWidth+"px"
}
}

if(dir==1){
if(scroll1Pos>parseInt(document.getElementById("scrollbox").style.width)){
scroll1.style.left=scroll2Pos+ (-scroll1.offsetWidth)+"px"
}

if(scroll2Pos>parseInt(document.getElementById("scrollbox").style.width)){
scroll2.style.left=scroll1Pos+ (-scroll2.offsetWidth)+"px"
}
}

}

st=null
function pause(){
clearTimeout(hs3Timer)
clearTimeout(st)
}

function reStartHS3(){
clearTimeout(st)
st=setTimeout("scrollHS3()",100)
}

paused=0
picWin=null

window.onfocus=function(){
	if(myImages.length>minImagetoStratScroll)
	{
paused=0
scrollHS3()
	}
	else
	{
		paused=1
	}

}

window.onload=function(){
	preLoadImg()
	initHS3()

}

onunload=function(){ // close the popup when leaving page
if(picWin&&picWin.open&&!picWin.closed){
picWin.close()
}
}