var imf_width='' ;
var imf_height='' ;
var imf_images=new Array() ;
var imf_cursor=0 ;
var imf_delay=0 ;
var imf_degree=10 ;
var imf_toplayer=0 ;
var imf_current=0 ;
var imf_zIndex=1 ;
var imf_dropslide=0 ;
var imf_preload=new Array() ;
var img_linkto = '' ;

function slideshow(ssw,ssh,imgdelay,imgarray,linkto) {
  imf_linkto=linkto ;
  imf_ratio=(ssh/ssw)*100 ;
  imf_delay=imgdelay ;
  imf_images=imgarray ;

  for (p=0;p<imf_images.length;p++){
    imf_preload[p]=new Image() ;
    imf_preload[p].onerror = function() {this.onerror=null; this.src=this.src.replace(".webp",".jpg"); };
    imf_preload[p].src=imf_images[p] ;
  }

  var scripts = document.getElementsByTagName ('script');
  var thisScript = scripts[scripts.length - 1]
  var insert = document.createElement ('div');
  htmltw = '<div class="slideshow"><div style="margin-left:auto;margin-right:auto;position:relative;width:100%;padding:0;padding-bottom:'+imf_ratio+'%;overflow:hidden">' ;
  htmltw += '<div id="imf_layer0" style="position:absolute;width:100%;height:100%;top:0;left:0;filter:alpha(opacity=0);opacity:0;"></div>' ;
  htmltw += '<div id="imf_layer1" style="position:absolute;width:100%;height:100%;top:0;left:0;filter:alpha(opacity=0);opacity:0;"></div>' ;
  htmltw += '</div></div>' ;
  /* Insert html before current script tag */
  insert.innerHTML = htmltw;
  thisScript.parentNode.insertBefore (insert,thisScript);

  rotateimage()
}

function fadepic() {
  if (imf_cursor<100) {
    imf_cursor+=10
    tempobj=document.getElementById("imf_layer"+imf_toplayer)
    tempobj.style.filter = 'alpha(opacity='+imf_cursor+')' ;
    if ( (imf_cursor/10)%2 == 0 ) {
      tempobj.style.opacity=imf_cursor/101 ;
    }
  } else {
    clearInterval(imf_dropslide)
    setTimeout("rotateimage()",imf_delay)
  }
}

function rotateimage() {
  imf_cursor=0 ;
  imf_toplayer = 1 - imf_toplayer ;
  imf_current=(imf_current+1)%imf_images.length ;
  var crossobj=document.getElementById("imf_layer"+imf_toplayer) ;
  crossobj.style.opacity=imf_cursor/100 ;
  crossobj.style.filter = 'alpha(opacity='+imf_cursor+')';
  crossobj.innerHTML='<span href="'+imf_linkto+'"><img alt="Slideshow of local pictures" style="width:100%;" border="0" src="'+imf_images[imf_current]+'" onerror="fallback(this);" /></span>'
  imf_zIndex++ ;
  crossobj.style.zIndex = imf_zIndex ;
  imf_dropslide=setInterval("fadepic()",50) ;
}

function fallback(myimg) {
  myimg.onerror=null;
  myimg.src= myimg.src.replace(".webp",".jpg") ;
}