var slideshowMergeAnimate = new Array();<br>
var slideshowMergeTimer   = new Array();<br>
var slideshowMergeCount   = new Array();<br>
var slideshowMergeImages  = new Array();<br>
<br>
//======================<br>
<br>
function slideshowMerge(id,cl,imageArray,fadeInterval,holdTime)<br>
{<br>
<br>
  for(i=0;i<imageArray.length;i++)<br>
  {<br>
    var imgLoad = new Image();<br>
    imgLoad.src = imageArray[i];<br>
  }<br>
<br>
  if(cl)<br>
    cl = ' class="'+cl+'"';<br>
<br>
  document.write('<div id="'+id+'"'+cl+'   style="position:relative">');<br>
  document.write('<img id="'+id+'img1"   style="position:absolute; top:0px; left:0px;"   onload="slideshowMergeRun(\''+id+'\')"/>');<br>
  document.write('<img id="'+id+'img2" style="position:absolute;    top:0px; left:0px;display:none;"/></div>');<br>
  <br>
  slideshowMergeCount[id]   = 0;<br>
  slideshowMergeImages[id]  = imageArray;<br>
  slideshowMergeAnimate[id] = 'run';<br>
  slideshowMergeTimer[id]   =   setInterval('slideshowMergeAnimation(\''+id+'\',\''+holdTime+'\');',fadeInterval);<br>
<br>
}<br>
<br>
//======================<br>
<br>
function slideshowMergeAnimation(id,holdTime)<br>
{<br>
  if(slideshowMergeAnimate[id]=='run')<br>
  {<br>
    var obj1 = document.getElementById(id+'img1');<br>
    var obj2 = document.getElementById(id+'img2');<br>
<br>
    var opa  = slideshowMergeCount[id]%100;<br>
<br>
    if(opa==0)<br>
    {  <br>
      if(obj1.src)<br>
      {<br>
        slideshowMergeAnimate[id] = 'hold';<br>
        setTimeout('slideshowMergeRun(\''+id+'\')',holdTime);<br>
        obj2.src = obj1.src;<br>
        obj2.style.display = 'block';<br>
      }<br>
    }<br>
    else if(opa==1)<br>
    {<br>
      slideshowMergeAnimate[id] = 'load';<br>
      obj1.src =     slideshowMergeImages[id][Math.floor(slideshowMergeCount[id]/100)%slideshowMergeImages[id].length];<br>
    }<br>
      <br>
    obj1.style.opacity = (opa/100).toString();<br>
    obj1.style.filter  = "alpha(opacity="+opa.toString()+")";<br>
    obj2.style.opacity = ((100-opa)/100).toString();<br>
    obj2.style.filter  = "alpha(opacity="+(100-opa).toString()+")";<br>
     <br>
    slideshowMergeCount[id]++;<br>
    <br>
    if(slideshowMergeCount[id]==(slideshowMergeImages[id].length*100))<br>
      slideshowMergeCount[id]=0;<br>
  }<br>
}<br>
<br>
//======================<br>
<br>
function slideshowMergeRun(id)<br>
{<br>
  slideshowMergeAnimate[id] = 'run';<br>
}<br>
<br>
//======================
//=======================
//
// Merging Image Slideshow
//
// http://www.astral-consultancy.co.uk/cgi-bin/hunbug/doco.cgi?11530
//
//=======================

var slideshowMergeAnimate = new Array();
var slideshowMergeTimer   = new Array();
var slideshowMergeCount   = new Array();
var slideshowMergeImages  = new Array();

//======================

function slideshowMerge(id,cl,imageArray,fadeInterval,holdTime)
{

  for(i=0;i<imageArray.length;i++)
  {
    var imgLoad = new Image();
    imgLoad.src = imageArray[i];
  }

  if(cl)
    cl = ' class="'+cl+'"';

  document.write('<div id="'+id+'"'+cl+' style="position:relative">');
  document.write('<img id="'+id+'img1" style="position:absolute; top:0px; left:0px;" onload="slideshowMergeRun(\''+id+'\')"/>');
  document.write('<img id="'+id+'img2" style="position:absolute; top:0px; left:0px;display:none;"/></div>');
 
  slideshowMergeCount[id]   = 0;
  slideshowMergeImages[id]  = imageArray;
  slideshowMergeAnimate[id] = 'run';
  slideshowMergeTimer[id]   = setInterval('slideshowMergeAnimation(\''+id+'\',\''+holdTime+'\');',fadeInterval);

}

//======================

function slideshowMergeAnimation(id,holdTime)
{
  if(slideshowMergeAnimate[id]=='run')
  {
    var obj1 = document.getElementById(id+'img1');
    var obj2 = document.getElementById(id+'img2');

    var opa  = slideshowMergeCount[id]%100;

    if(opa==0)
    { 
      if(obj1.src)
      {
        slideshowMergeAnimate[id] = 'hold';
        setTimeout('slideshowMergeRun(\''+id+'\')',holdTime);
        obj2.src = obj1.src;
        obj2.style.display = 'block';
      }
    }
    else if(opa==1)
    {
      slideshowMergeAnimate[id] = 'load';
      obj1.src = slideshowMergeImages[id][Math.floor(slideshowMergeCount[id]/100)%slideshowMergeImages[id].length];
    }
     
    obj1.style.opacity = (opa/100).toString();
    obj1.style.filter  = "alpha(opacity="+opa.toString()+")";
    obj2.style.opacity = ((100-opa)/100).toString();
    obj2.style.filter  = "alpha(opacity="+(100-opa).toString()+")";
    
    slideshowMergeCount[id]++;
   
    if(slideshowMergeCount[id]==(slideshowMergeImages[id].length*100))
      slideshowMergeCount[id]=0;
  }
}

//======================

function slideshowMergeRun(id)
{
  slideshowMergeAnimate[id] = 'run';
}

//======================