var image_count = 9;
var interval = 7000;
var time_out = 10;
var i = 0;
var timeout;
var opacity = 100;
var run2;

function change_image() {
 opacity--;
 var j = i + 1;
 var current_image = 'img_' + i;
 if (i == image_count) j = 1;
 var next_image = 'img_' + j;
 document.getElementById(current_image).style.opacity=opacity/100;
 document.getElementById(current_image).style.filter='alpha(opacity='+opacity+')';
 document.getElementById(next_image).style.opacity=(100-opacity)/100;
 document.getElementById(next_image).style.filter='alpha(opacity='+(100-opacity)+')';
 timeout = setTimeout("change_image()", time_out);
 if (opacity==1) {
  opacity = 100;
  clearTimeout(timeout);
 }
}

  window.onblur = function () {window.clearInterval(run2);}
  window.onfocus = function () {run2 = setInterval (function() {i++; if (i>image_count) i=1; change_image();}, interval)}
  
var ua = navigator.userAgent;

if (ua.search(/OPR/) > 0 || ua.search(/Opera/) > 0){
  run2 = setInterval (function() {i++; if (i>image_count) i=1; change_image();}, interval);
}