// JScript File

 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_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_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-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
    

imgPlaces=8 // number of images visible
imgWidth=103// width of the images
imgHeight=73 // height of the images
imgSpacer=8 // 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=2
timer=""
speed=50
nextPic=0
initPos=new Array()
nowDivPos=new Array()
function fast(){
dir=0
step=4
scrollHIS3()
}

function slow(){
    dir=0
    clearTimeout(timer)
    step=1
    scrollHIS3()
}
function fast1(){
    step=4
    dir=1
    scrollHIS3()
    }

function slow1(){
    clearTimeout(timer)
    step=1
    dir=1
    scrollHIS3()
}
//////new function

maxOpac=70
minOpac=100
function toggleOpac(obj){
if(obj.filters){
if(obj.filters.alpha.Opacity==minOpac){
obj.filters.alpha.Opacity=maxOpac}
else{obj.filters.alpha.Opacity=minOpac}
}
else{
if(obj.style.opacity == maxOpac/100){
obj.style.opacity = minOpac/100}
else{obj.style.opacity = maxOpac/100}
}
}


/////
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.i=i
        newImg.alt=data[i][3]
        newImg.title=data[i][3]
        
        newImg.onclick=function(){his3Win(data[this.i][2],data[this.i][1])}
        
         newImg.onmouseover=function(){toggleOpac(this)}
        newImg.onmouseout=function(){toggleOpac(this)}   
        document.getElementById("display_area").appendChild(newImg)
       
    }
    
    containerEL=document.getElementById("his3container")
    displayArea=document.getElementById("display_area")
    pic0=document.getElementById("pic_0")
    //displayArea.style="overflow:hidden";
    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][3]
//    currentImage.title=data[nextPic][3]
    //currentImage.alt=data[nextPic][1]
    currentImage.i=nextPic
   currentImage.className="borderit"   
    currentImage.onclick=function(){his3Win(data[this.i][2],data[this.i][1])}
    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.i=nextPic
    currentImage.alt = data[nextPic][3]
    currentImage.title = data[nextPic][3]
     currentImage.className="mousePointer"
     currentImage.onclick=function(){his3Win(data[this.i][2],data[this.i][1])}
   

    nextPic++

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

}
timer=setTimeout("scrollHIS3()",speed)
}
function stopHIS3(){

clearTimeout(timer)
}

function his3Win(loc,index)
{


    if(loc==""){return}
    if(newWindow==0)
    {
        location=loc
    }
    else{
            if(index == 1)
            {
                window.location.href = loc;
             
            }
            else if(index==0)
            {
                 window.open(loc)
                //newin = window.open (loc,"mywindow","menubar=1,resizable=1,scrollbars=1,left=150,top=150,width=680,height=350"); 
                //alert(currentImage.src=data[nextPic][0])
                //newin=window.open(loc,'win1','left=430,top=340,width=300,height=300') // use for specific size and positioned window
                //newin.focus()
            }
       
          
        }
}