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

data=[
      ["../images/kga1.jpg","","../images/rotate/kga1.jpg"],
      ["../images/kga2.jpg","","../images/rotate/kga2.jpg"],
      ["../images/kga3.jpg","","../images/rotate/kga3.jpg"],
      ["../images/kga4.jpg","","../images/rotate/kga4.jpg"],
      ["../images/kga5.jpg","","../images/rotate/kga5.jpg"],
      ["../images/kga6.jpg","","../images/rotate/kga6.jpg"],
      ["../images/kga7.jpg","","../images/rotate/kga7.jpg"],
      ["../images/kga9.jpg","","../images/rotate/kga9.jpg"],
      ["../images/kga10.jpg","","../images/rotate/kga10.jpg"],
      ["../images/kga11.jpg","","../images/rotate/kga11.jpg"],
      ["../images/kga14.jpg","","../images/rotate/kga14.jpg"],
      ["../images/kga16.jpg","","../images/rotate/kga16.jpg"],
      ["../images/kga19.jpg","","../images/rotate/kga19.jpg"],
      ["../images/kga23.jpg","","../images/rotate/kga23.jpg"],
      ["../images/kga25.jpg","","../images/rotate/kga25.jpg"],
      ["../images/kga26.jpg","","../images/rotate/kga26.jpg"],
      ["../images/kga28.jpg","","../images/rotate/kga28.jpg"],
      ["../images/kga30.jpg","","../images/rotate/kga30.jpg"],
      ["../images/kga34.jpg","","../images/rotate/kga34.jpg"],
      ["../images/kga35.jpg","","../images/rotate/kga35.jpg"]
     ];

var imgPlaces=6; // number of images visible
var imgWidth=100; // width of the images
var imgHeight=100; // height of the images
var imgSpacer=6; // pixels space between the images

var dir=2; // 0 = left, 1 = right, 2 = vertical

// ********** 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.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)
  if(dir==0 || dir==1)
  {
    containerWidth=(imgPlaces*imgWidth)+((imgPlaces-1)*imgSpacer)
    containerHeight=imgHeight
  }
  else if(dir==2)
  {
    containerWidth=imgWidth
    containerHeight=(imgPlaces*imgHeight)+((imgPlaces-1)*imgSpacer)
  }
  containerEL.style.width=containerWidth+(!moz?containerBorder:"")+"px"
  containerEL.style.height=containerHeight+(!moz?containerBorder:"")+"px"
  
  displayArea.style.width=containerWidth+"px"
  displayArea.style.height=containerHeight+"px"
  displayArea.style.clip="rect(0,"+(containerWidth+"px")+","+(containerHeight+"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
    if(dir==2){imgPos+=pic0.height+imgSpacer} // if vertical
    
    initPos[i]=imgPos
    if(dir==0){currentImage.style.left=initPos[i]+"px"} // if left
    if(dir==2){currentImage.style.top=initPos[i]+"px"} // if vertical
    
    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(){$.fancybox({'href':data[this.i][2], 'titleShow':false, 'transitionIn':'elastic', 'transitionOut':'elastic'});}
    nextPic++
  }

	scrollHIS3()
}

timer=""
function scrollHIS3()
{
  clearTimeout(timer)
  for(var i=0;i<imgPlaces+1;i++)
  {
    currentImage=document.getElementById("pic_"+i)
    
    if(dir==0 || dir==1)
    {
    	nowDivPos[i]=parseInt(currentImage.style.left)
    }
    else if(dir==2) // if vertical
    {
    	nowDivPos[i]=parseInt(currentImage.style.top)
    }
    
    if(dir==0 || dir==2){nowDivPos[i]-=step}
    if(dir==1){nowDivPos[i]+=step}
    
    if(dir==0&&nowDivPos[i]<= -(pic0.width+imgSpacer) || dir==1&&nowDivPos[i]>containerWidth || dir==2&&nowDivPos[i]<= -(pic0.height+imgSpacer))
    {
      if(dir==0){currentImage.style.left=containerWidth+imgSpacer+"px"}
      if(dir==1){currentImage.style.left= -pic0.width-(imgSpacer*2)+"px"}
      if(dir==2){currentImage.style.top=containerHeight+imgSpacer+"px"}
      
      if(nextPic>data.length-1){nextPic=0}
      
      currentImage.src=data[nextPic][0]
      currentImage.alt=data[nextPic][1]
      currentImage.i=nextPic
      currentImage.onclick=function(){$.fancybox({'href':data[this.i][2], 'titleShow':false, 'transitionIn':'elastic', 'transitionOut':'elastic'});}
      
      nextPic++
    }
    else
    {
    	if(dir==0 || dir==1){currentImage.style.left=nowDivPos[i]+"px"}
    	if(dir==2){currentImage.style.top=nowDivPos[i]+"px"}
    }
  
  }
  timer=setTimeout("scrollHIS3()",speed)
}

function stopHIS3()
{
	clearTimeout(timer)
}