function gebid(id_elemento) {
  var elemento;
  if(document.getElementById)
    elemento = document.getElementById(id_elemento);
  else
    elemento = document.all[id_elemento];
  return elemento;
}

function Container(width,height,space,defaultSlide) {
  this.width  = width;
  this.height = height;
  this.space = space;
  this.defaultSlide = defaultSlide;
  this.show   = show;
  this.mouseOver = mouseOver;
  this.slowMove = slowMove;
  this.setSize = setSize;
  this.convertUrl = convertUrl;
  this.slide  = new Array();
  this.slideID = new Array();
  this.slowMoving=0;

  function show() {
    // To show the container
    document.write('<ul id="jslide" style="height:'+this.height+'px;width:'+this.width
      +'px;list-style-type:none;margin:0;position:relative;padding:0;overflow:hidden;left:6px;">');
    this.slide[0].selected = 1;
    for(i=0; i<this.slide.length; i++){
      j=(i*space)+'px';
      boxHeight=70;
      boxBorder=30;
      boxBottom=10;
      boxWidth=this.width-(boxBorder*2);
      boxTop=this.height-(space*(this.slide.length-1))-boxHeight-boxBottom;
      articleUrl=this.convertUrl(this.slide[i].title);
      articleUrl='./'+this.slide[i].id+'/'+articleUrl+'.html';
      document.write('<li onclick="location.href = \''+articleUrl+'\'" onMouseOver="container.mouseOver('+i+');" style="width:'+this.width+'px;height:'+this.height+'px;background-color:#888888;position:absolute;top:'+j+';">');
      document.write('<div style="background:#000000 url('+this.slide[i].pic+') no-repeat scroll left top;position:relative; top:2px; height:100%">');
      document.write('<div style="background:transparent url(./immagini/jslide/box.png) repeat scroll left top; position:relative; height:'+boxHeight+'px; width:'+boxWidth+'px; left:'+boxBorder+'px; top:'+boxTop+'px;">');
      //document.write('<p class="jslide-title">');
      //document.write(this.slide[i].title);
      //document.write('</p>');
      document.write('<p class="jslide-section">');
      document.write(this.slide[i].section);
      document.write('</p>');
      document.write('<p class="jslide-text">');
      document.write(this.slide[i].text);
      document.write('</p>');
      document.write('</div></div></li>');
    }
    document.write('</ul>');
    this.mouseOver(this.defaultSlide);
  }

  function mouseOver(nslide) {
    this.slide[nslide] = 1;
    for(i=0; i<this.slide.length; i++)
      if(i!=nslide)
        this.slide[i] = 0;
    this.setSize(nslide);
  }

  function setSize(nslide) {
    if(this.slowMoving!=0){
      for(i=0; i<=this.slide.length-1; i++) {
        clearInterval(this.slideID[i]);
      }
    }
    this.slowMoving=this.slide.length;
    for(i=0; i<=nslide; i++) {
      newTop=i*space;
      this.slideID[i]=setInterval("container.slowMove('"+i+"','"+newTop+"')",10);
    }
    for(i=(this.slide.length-1); i>nslide; i--) {
      newTop=(this.height-((this.slide.length-1-i)*space))-space;
      this.slideID[i]=setInterval("container.slowMove('"+i+"','"+newTop+"')",10);
    }
  }

  function slowMove(nslide,top) {
    nowTop = parseInt(gebid('jslide').getElementsByTagName('li')[nslide].style.top);
    if(nowTop > top)
      step = -5;
    else
      step = 5;
    if(nowTop == top) {
      step = 0;
      clearInterval(this.slideID[nslide]);
      this.slowMoving--;
    }
    gebid('jslide').getElementsByTagName('li')[nslide].style.top=((nowTop+step)+'px');
  }

  function convertUrl(url) {
    url=url.replace(/[^a-zA-Z 0-9-]+/g,'');
    url=url.replace(/ /gi, "-");
    url=url.toLowerCase();
    return url;
  }

}

function Slide(id,title,section,text,pic) {
  this.id = id;
  this.title = title;
  this.section = section;
  this.text  = text;
  this.pic   = pic;
  this.selected = 0;
  this.intervalID = 0;
}