data=[
["/files/gradino/banners/pic01.jpg","abc clinker","/files/gradino/banners/pic01.jpg"],
["/files/gradino/banners/pic02.jpg","abc clinker","/files/gradino/banners/pic02.jpg"],
["/files/gradino/banners/pic03.jpg","abc clinker","/files/gradino/banners/pic03.jpg"],
["/files/gradino/banners/pic04.jpg","abc clinker","/files/gradino/banners/pic04.jpg"],
["/files/gradino/banners/pic05.jpg","abc clinker","/files/gradino/banners/pic05.jpg"],
["/files/gradino/banners/pic06.jpg","abc clinker","/files/gradino/banners/pic06.jpg"],
["/files/gradino/banners/pic07.jpg","abc clinker","/files/gradino/banners/pic07.jpg"],
["/files/gradino/banners/pic08.jpg","abc clinker","/files/gradino/banners/pic08.jpg"],
["/files/gradino/banners/pic09.jpg","abc clinker","/files/gradino/banners/pic09.jpg"],
["/files/gradino/banners/pic10.jpg","abc clinker","/files/gradino/banners/pic10.jpg"],
["/files/gradino/banners/pic11.jpg","abc clinker","/files/gradino/banners/pic11.jpg"],
["/files/gradino/banners/pic12.jpg","abc clinker","/files/gradino/banners/pic12.jpg"],
["/files/gradino/banners/pic13.jpg","abc clinker","/files/gradino/banners/pic13.jpg"],
["/files/gradino/banners/pic14.jpg","abc clinker","/files/gradino/banners/pic14.jpg"],
["/files/gradino/banners/pic15.jpg","abc clinker","/files/gradino/banners/pic15.jpg"],
["/files/gradino/banners/pic16.jpg","abc clinker","/files/gradino/banners/pic16.jpg"],
["/files/gradino/banners/pic17.jpg","abc clinker","/files/gradino/banners/pic17.jpg"],
["/files/gradino/banners/pic18.jpg","abc clinker","/files/gradino/banners/pic18.jpg"],
["/files/gradino/banners/pic19.jpg","abc clinker","/files/gradino/banners/pic19.jpg"],
["/files/gradino/banners/pic20.jpg","abc clinker","/files/gradino/banners/pic20.jpg"],
["/files/gradino/banners/pic21.jpg","abc clinker","/files/gradino/banners/pic21.jpg"],
["/files/gradino/banners/pic22.jpg","abc clinker","/files/gradino/banners/pic22.jpg"],
["/files/gradino/banners/pic23.jpg","abc clinker","/files/gradino/banners/pic23.jpg"],
["/files/gradino/banners/pic24.jpg","abc clinker","/files/gradino/banners/pic24.jpg"],
["/files/gradino/banners/pic25.jpg","abc clinker","/files/gradino/banners/pic25.jpg"],
["/files/gradino/banners/pic26.jpg","abc clinker","/files/gradino/banners/pic26.jpg"],
["/files/gradino/banners/pic27.jpg","abc clinker","/files/gradino/banners/pic27.jpg"],
["/files/gradino/banners/pic28.jpg","abc clinker","/files/gradino/banners/pic28.jpg"],
["/files/gradino/banners/pic29.jpg","abc clinker","/files/gradino/banners/pic29.jpg"],
["/files/gradino/banners/pic30.jpg","abc clinker","/files/gradino/banners/pic30.jpg"],
["/files/gradino/banners/pic31.jpg","abc clinker","/files/gradino/banners/pic31.jpg"]
]

imgPlaces=6 // number of images visible
imgWidth=140 // width of the images
imgHeight=100 // height of the images
imgSpacer=4 // 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=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)
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][1]
currentImage.i=nextPic
currentImage.onclick=function(){his3Win(data[this.i][2])}
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.alt=data[nextPic][1]
currentImage.i=nextPic
currentImage.onclick=function(){his3Win(data[this.i][2])}

nextPic++

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

}
timer=setTimeout("scrollHIS3()",speed)

}

function stopHIS3(){
clearTimeout(timer)
}

function his3Win(loc){
if(loc=="")
if(newWindow==0){
location=loc
}
else{
//window.open(loc)
newin=window.open(loc,'win1','left=0,top=0,width=100,height=300') // use for specific size and positioned window
newin.focus()
}
}

// add onload="initHIS3()" to the opening BODY tag



   // Добавить в Избранное
   function add_favorite(a) {
     title=document.title;
     url=document.location;
     try {
       // Internet Explorer
       window.external.AddFavorite(url, title);
     }
     catch (e) {
       try {
         // Mozilla
         window.sidebar.addPanel(title, url, "");
       }
       catch (e) {
         // Opera
         if (typeof(opera)=="object") {
           a.rel="sidebar";
           a.title=title;
           a.url=url;
           return true;
         }
         else {
           // Unknown
           alert('Нажмите Ctrl-D чтобы добавить страницу в закладки');
         }
       }
     }
     return false;
   }

 // Пишем функцию, определяющую координаты
function defPosition(event) {

 var x = y = 0;

 if (document.attachEvent != null) { // Internet Explorer & Opera

 x = window.event.clientX + (document.documentElement.scrollLeft ?
document.documentElement.scrollLeft : document.body.scrollLeft);

 y = window.event.clientY + (document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop);

 } else if (!document.attachEvent && document.addEventListener) {

 x = event.clientX + window.scrollX;

 y = event.clientY + window.scrollY;

 }
 return {x:x, y:y};
}

   // Простая проверка
   // С помощью document.write выведем координаты прямо в окно браузера
   // Они будут обновлять при движении мыши

  document.onmousemove = function(event) {

  var event = event || window.event;
//Здесь координаты присваиватся положению слоя относительно окна
//и к координате х плюсуется 15 пикселов, чтоб курсор не был на подсказке.

 document.getElementById('help').style.left=defPosition(event).x+15+"px";

 document.getElementById('help').style.top=defPosition(event).y+"px";
 }

//Функция, которая делает видимым наш слой и вкладывает в него
//необходимый текст.

function helpBox(title, text) {

//Вкладываем текст

  document.getElementById('helpTitle').innerHTML = title;

  document.getElementById('helpText').innerHTML = text;

//Делаем видимым\невидимым

  if(document.getElementById('help').style.display == 'none'){

  document.getElementById('help').style.display = 'block';

  }else{

  document.getElementById('help').style.display = 'none';
  }
}

//