function loadimg_palletisatio() { var perc = Math.round((loaded_palletisatio/count_el_palletisatio)*100); // update progress bar document.getElementById("loader_perc_palletisatio").style.width = perc + "px"; if (loaded_palletisatio == count_el_palletisatio) { // init slideshow startup_palletisatio(); } else { window.setTimeout("loadimg_palletisatio();", 200); } } loadimg_palletisatio(); function startup_palletisatio() { for (var a = 1; a < count_el_palletisatio; a++) { setOpacity(0,'palletisatio_'+a); } // set opacity to 0 for all divs document.getElementById("palletisatio_0").style.zIndex = 10; // move first element to top opacity("loader_palletisatio", 100, 0, 500); // fade out loader window.setTimeout("switcher_palletisatio()", 3800); // begin loop } function switcher_palletisatio() { old_el_palletisatio = cur_el_palletisatio; cur_el_palletisatio++; if (cur_el_palletisatio >= count_el_palletisatio) { cur_el_palletisatio = 0; } var this_el = "palletisatio_"+cur_el_palletisatio; var old_el = "palletisatio_"+old_el_palletisatio; changeOpac(0, this_el); // move new img div to top, and fade in document.getElementById(this_el).style.zIndex = zorder_palletisatio; zorder_palletisatio++; opacity(this_el, 0, 100, 1200); window.setTimeout("switcher_palletisatio()", 5000); window.setTimeout("setOpacity(0,'" + old_el + "')", 1200); // hide old img div (necessary for stacked rounded corners antialiasing issue) }