var imgs = new Array();
  var imgcnt = 0;
  var thisimg = 0;
  var mouseover = 0;
  var time = 0;
  var delay = 100;
  var opacity = 100;
  var transition = 5;
  var opacityChange = opacity/transition;
  var startFade = 80;
  var changeImage = startFade + transition;
  var endFade = startFade + transition*2;
  addImage('fileadmin/templates/kpsol1/images/banner/pic1a.png');
  addImage('fileadmin/templates/kpsol1/images/banner/pic2a.png');
  addImage('fileadmin/templates/kpsol1/images/banner/pic3a.png');
  addImage('fileadmin/templates/kpsol1/images/banner/pic4a.png');

  function addImage(src) {
   var img = new Image;
   img.src = src;
   imgs[imgcnt++] = img;
  }

  function action() {
   if (!mouseover) {
    if (document.images) {
     if (time > startFade && time <= changeImage) {
      opacity -= opacityChange;
      changeOpac(opacity, document.rollimg);
     }
     if (time == changeImage) {
      thisimg++;
      if (thisimg >= imgcnt) thisimg = 0;
      document.rollimg.src = imgs[thisimg].src;
     }
     if (time >= changeImage && time < endFade) {
      opacity += opacityChange;
      changeOpac(opacity, document.rollimg);
     }
     time++;
     if (time >= endFade) {
      time = 0;
      opacity = 100;
     }
    }
   } else {
    changeOpac(100, document.rollimg);
   }
   setTimeout("action();",delay);
  }
  setTimeout("action();",delay);

  function mouseOver() {
   mouseover=1;
  }
  
  function mouseOut() {
   mouseover=0;
  }
    
  //change the opacity for different browsers
  function changeOpac(opacity, element) {
  	var object = element.style; 
  	object.opacity = (opacity / 100);
  	object.MozOpacity = (opacity / 100);
  	object.KhtmlOpacity = (opacity / 100);
  	object.filter = "alpha(opacity=" + opacity + ")";
  }