var fadingBoxes = {
   mainBoxId : "js-fader",
   mainBox_className : "fading",
   fadeBox_className : "item",
   fadeBox_className2 : "fader",
   fading_speed : 25,  // in miliseconds
   counter : 0,
   fadeBox_opacity : 300,
   fadeBox_delay : 200,

   init : function() {
      this.mainBox = getElem(this.mainBoxId);
      if(!this.mainBox) return;

   	addClass(this.mainBox,this.mainBox_className);

   	this.fadeBoxes = document.getElementsByClassName(this.fadeBox_className, this.mainBox);
      if(!this.fadeBoxes) return;

      if(this.fadeBoxes.length <= 1) return;

      for(var i=0;i<this.fadeBoxes.length;i++) {
         this.fadeBoxes[i].id=this.fadeBox_className2+i;
         if(i>0){
      	   addClass(this.fadeBoxes[i],this.fadeBox_className2);
      	   remClass(this.fadeBoxes[i],'hidden');
         }
      }
      timer = setInterval('timerator()',this.fading_speed);
   }
}

timerator = function() {
   fadingBoxes.fadeBox_opacity -= 1;
   el = getElem(fadingBoxes.fadeBox_className2+fadingBoxes.counter);
   if (fadingBoxes.fadeBox_opacity<=100){
      el.style.opacity = fadingBoxes.fadeBox_opacity/100;
      el.style.filter = 'alpha(opacity="'+fadingBoxes.fadeBox_opacity+'",style=0)';
   }
   if(fadingBoxes.fadeBox_opacity <= 0){
      el.style.opacity = 100;
      el.style.filter = 'alpha(opacity="100")';
      fadingBoxes.fadeBox_opacity = fadingBoxes.fadeBox_delay;
      swapClass(fadingBoxes.fadeBox_className2+fadingBoxes.counter,fadingBoxes.fadeBox_className2);
      if(fadingBoxes.counter == fadingBoxes.fadeBoxes.length-1) fadingBoxes.counter = -1;
      fadingBoxes.counter += 1;
      swapClass(fadingBoxes.fadeBox_className2+fadingBoxes.counter,fadingBoxes.fadeBox_className2);
   }
}

var fadingBoxes2 = {
   mainBoxId : "js-fader-2",
   mainBox_className : "fading2",
   fadeBox_className : "item",
   fadeBox_className2 : "fader2",
   fading_speed : 30,  // in miliseconds
   counter : 0,
   fadeBox_opacity : 300,
   fadeBox_delay : 500,

   init : function() {
      this.mainBox = getElem(this.mainBoxId);
      if(!this.mainBox) return;

   	addClass(this.mainBox,this.mainBox_className);

   	this.fadeBoxes = document.getElementsByClassName(this.fadeBox_className, this.mainBox);
      if(!this.fadeBoxes) return;

      if(this.fadeBoxes.length <= 1) return;

      for(var i=0;i<this.fadeBoxes.length;i++) {
         this.fadeBoxes[i].id=this.fadeBox_className2+i;
         if(i>0){
      	   addClass(this.fadeBoxes[i],this.fadeBox_className2);
      	   remClass(this.fadeBoxes[i],'hidden');
         }
      }
      timer = setInterval('timerator2()',this.fading_speed);
   }
}

timerator2 = function() {
   fadingBoxes2.fadeBox_opacity -= 1;
   el = getElem(fadingBoxes2.fadeBox_className2+fadingBoxes2.counter);
   if (fadingBoxes2.fadeBox_opacity<=100){
      el.style.opacity = fadingBoxes2.fadeBox_opacity/100;
      el.style.filter = 'alpha(opacity="'+fadingBoxes2.fadeBox_opacity+'",style=0)';
   }
   if(fadingBoxes2.fadeBox_opacity <= 0){
      el.style.opacity = 100;
      el.style.filter = 'alpha(opacity="100")';
      fadingBoxes2.fadeBox_opacity = fadingBoxes2.fadeBox_delay;
      swapClass(fadingBoxes2.fadeBox_className2+fadingBoxes2.counter,fadingBoxes2.fadeBox_className2);
      if(fadingBoxes2.counter == fadingBoxes2.fadeBoxes.length-1) fadingBoxes2.counter = -1;
      fadingBoxes2.counter += 1;
      swapClass(fadingBoxes2.fadeBox_className2+fadingBoxes2.counter,fadingBoxes2.fadeBox_className2);
   }
}

function hideThis(id) {
	var boxes = document.getElementById(id);
	boxes.className= 'hidebyjs';
};

function showThis(count) {
	var box;
	for(var i = 1; i <= 5; i++) {
		box = document.getElementById('box'+i);
		box.style.display = (i<=count) ? 'block' : 'none';
	}
}