function box_creator()
{
  this.objectId='priemysel';
  this.imageObjectId='box_image';
  this.imagePath='fileadmin/template/images/';
  this.imageWidth=83;
  this.imageHeight=96; 
  this.imageAnimationIntervalInMiliseconds=2500;
  this.imageAnimationActualImage=0;
  this.imageAnimationIntervalActive=true;
  
  this.imageUrls=[
    'letectvo.jpg','laboratore.jpg',
    'chemie.jpg','elektrina.jpg',
    'elektronika.jpg','obnovitelne_zdroje.jpg',
    'zeleznice.jpg','zpracovatelsky_prumysl.jpg',
    'laboratore.jpg','telekomunikace.jpg',
    'sluzby.jpg'
  ];
  
  this.images=Array(11);
  this.loaded=0;
  this.box;
  this.box_elements;
  this.box_image;
  
  this.apply=function()
  {
    this.parseBox();
    this.loadImages();
    box.animateImages();
    //setInterval('box.animateImages()',this.imageAnimationIntervalInMiliseconds);
  }
  
  this.parseBox=function()
  {
    this.box=document.getElementById(this.objectId);
    this.box_elements=this.box.getElementsByTagName('li');
    for (var i=0;i<this.box_elements.length;i++)
    {
      this.box_elements[i].imgnbr=String(i);
      addEvent(this.box_elements[i],'mouseover',partial(this.mouseOver,this.box_elements[i]));
      addEvent(this.box_elements[i],'mouseout',partial(this.mouseOut,this.box_elements[i]));
    }
    this.box_image=document.getElementById(this.imageObjectId);
  }
  
  this.mouseOver=function(element)
  {
    box.imageAnimationIntervalActive=false;
    box.imageAnimationActualImage=(parseInt(element.imgnbr,10)+2)%box.images.length;
    box.selectElement(element);
  }
  this.selectElement=function(element)
  {
    for(var i=0;i<box.box_elements.length;i++)
    {
      atribut(box.box_elements[i],'class','not-selected');
    }
    atribut(element,'class','selected');
    atribut(box.box_image,'src',box.imagePath+box.imageUrls[Number(element.imgnbr)]);
    var altObrazka=prvyPotomok(element).innerHTML;
    atribut(box.box_image,'alt',altObrazka);
    atribut(box.box_image,'class','visible');
  }
  this.mouseOut=function(element)
  {
    box.imageAnimationIntervalActive=true;
  }
  
  this.loadImages=function()
  {
    for (var i=0;i<this.imageUrls.length;i++)
    {
      this.loadImage(i);
    }
  }
  this.loadImage=function(whichOne)
  {
    this.images[whichOne]=new Image(this.imageWidth,this.imageHeight);
    this.images[whichOne].src=this.imagePath+this.imageUrls[whichOne];
  }   
  
  this.animateImages=function()
  {
    if (box.imageAnimationIntervalActive)
    {
      box.selectElement(box.box_elements[box.imageAnimationActualImage]);
      box.imageAnimationActualImage=(box.imageAnimationActualImage+2);
      if (box.imageAnimationActualImage>=box.box_elements.length)
      {
         box.imageAnimationActualImage=(box.imageAnimationActualImage==box.box_elements.length)+0;
      }
    }
  } 
}       
var box=new box_creator();
