var bl_speed = 10; var bl_bannersn = 2; var bl_currentbanner = 0; var bl_banners = { 0: ["i/bl/images/banners/248x190_bl_top.side_sub.online_uk.png","index.php?area=businesslife&lng=uk&page=2-4"], 1: ["i/bl/images/banners/bl.promo.banner.protoria.248x190.uk.png","index.php?area=businesslife&lng=uk&page=6-11"] } function bl_changeOpac(opacity, id) { var object = document.getElementById(id).style; object.opacity = (opacity / 100); object.MozOpacity = (opacity / 100); object.KhtmlOpacity = (opacity / 100); object.filter = "alpha(opacity=" + opacity + ")"; } function bl_fadeout(){ var timer = 0; // fade out old image //fade in image for(var i = 100; i >= 0; i--) { setTimeout("bl_changeOpac(" + i + ",'bl_img')",(timer * bl_speed)); timer++; } //make image finally transparent //changeOpac(0, 'img'); setTimeout("bl_fadein()", 1001); } function bl_fadein(){ var timer = 0; var newbanner = (bl_currentbanner+1==bl_bannersn)?0:bl_currentbanner+1; //make new image document.getElementById('bl_img').src = bl_banners[newbanner][0]; //fade in image for(var i = 0; i <= 100; i++) { setTimeout("bl_changeOpac(" + i + ",'bl_img')",(timer * bl_speed)); timer++; } // put new link document.getElementById('bl_imglnk').href = bl_banners[newbanner][1]; bl_currentbanner = newbanner; setTimeout("bl_fadeout()", 4500); }