<!--

  dir=0 // 0 = left 1 = right
  speed=1 // pixels per scroll - larger is slower and jumpier
  scrollTime=30	// ms timer - larger = slower
  imageSize=0  // % set to zero to use fixedWidth and fixedHeight values
  fixedWidth=200 // set a fixed width
  fixedHeight=150 // set a fixed height
  spacerWidth=3 // space between images
  spacerColor='#eac117';

  biggest=0
  ieBorder=0
  totalWidth=0
  hs5Timer=null

  lastN=0
  count=0

  preload=new Array()
  for(var i=0;i<myImages.length;i++){
    preload[i]=[]
    for(var j=0;j<2;j++){
      preload[i][j]=new Image()
      preload[i][j].src=myImages[i][j]
    }
  }

  function initHS5(){
    scroll1=document.getElementById("scroller1")
    for(var k=0;k<myImages.length;k++){

      scroll1.innerHTML+='<img id="pic'+k+'" src="'+preload[k][0].src+'" alt="'+myImages[k][2]+'" title="'+myImages[k][2]+'" onclick="showTarget('+k+')" style="border-left:'+spacerWidth+'px solid '+spacerColor+'" onmouseover="testOver(this,this.offsetParent.id,'+k+')" onmouseout="testOut(event)">'

      if(imageSize!=0){ // use percentage size
        newWidth=preload[k][0].width/100*imageSize
        newHeight=preload[k][0].height/100*imageSize
      }
      else{ // use fixed size
        newWidth=fixedWidth
        newHeight=fixedHeight
      }

      document.getElementById("pic"+k).style.width=newWidth+"px"
      document.getElementById("pic"+k).style.height=newHeight+"px"

      if(document.getElementById("pic"+k).offsetHeight>biggest){
        biggest=document.getElementById("pic"+k).offsetHeight
      }

 //     totalWidth+=document.getElementById("pic"+k).offsetWidth+spacerWidth;
      totalWidth+=document.getElementById("pic"+k).offsetWidth;
    }

    totalWidth+=1

    for(var l=0;l<myImages.length;l++){ // vertically center images
      document.getElementById("pic"+l).style.marginBottom = (biggest-document.getElementById("pic"+l).offsetHeight)/2+"px"
    }

    if(document.getElementById&&document.all){
      ieBorder=parseInt(document.getElementById("scrollbox").style.borderTopWidth)*2
    }

    document.getElementById("scrollbox").style.height=biggest+ieBorder+"px"
    scroll1.style.width=totalWidth+"px"
    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
    }

    scrollHS5()
  }

  function scrollHS5(){
    clearTimeout(hs5Timer)
    scroll1Pos=parseInt(scroll1.style.left)
    scroll2Pos=parseInt(scroll2.style.left)
    scroll1Pos-=speed
    scroll2Pos-=speed
    scroll1.style.left=scroll1Pos+"px"
    scroll2.style.left=scroll2Pos+"px"
    hs5Timer=setTimeout("scrollHS5()",scrollTime)

    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(hs5Timer)
    clearTimeout(st)
  }

  function reStartHS5(){
    clearTimeout(st)
    st=setTimeout("scrollHS5()",100)
  }

  function showTarget(p)
  {
    if(myImages[p][1]!=""){
      paused=1
      document.location=myImages[p][1] 
    }
  }

  function testOver(obj,par,n){
    if(myImages[n][3]==""){return}
    document.getElementById("qw").innerHTML=myImages[n][3] 

    document.getElementById("qw").style.display="block"
    document.getElementById("qw").style.width=obj.offsetWidth+'px';
    document.getElementById("qw").style.height="50px"; //obj.offsetHeight+'px';
    bord=0
    if(fx){
    bord=parseInt(document.getElementById("scrollbox").style.borderLeftWidth)
    }

    document.getElementById("qw").style.left=obj.offsetLeft+document.getElementById(par).offsetLeft+bord+'px';
    document.getElementById("qw").style.top=(obj.offsetTop+document.getElementById(par).offsetTop)+obj.offsetHeight-document.getElementById("qw").offsetHeight+bord+'px';
  }

  fx=document.getElementById&&!document.all

  function testOut(e){
  if(e.toElement&&event.toElement.id!="qw"){
  document.getElementById("qw").style.display="none"
  }

  if(e.relatedTarget&&e.relatedTarget.id!="qw"){
  document.getElementById("qw").style.display="none"
  }
  }

-->