var delay = 2000;
var start_frame = 0;

function start_slideshow(delay) {
  setTimeout(fadeInOut(delay), delay);
}

function fadeInOut(delay) {
  return(function() {
	 var randslide=Math.ceil(Math.random()*4)
	
	 if(randslide == 1) {
	  lis = $$('#dmg_layout_slideshow_images1>li');
	 } else if(randslide == 2) {
		  lis = $$('#dmg_layout_slideshow_images2>li');
	 } else if(randslide == 3) {
		  lis = $$('#dmg_layout_slideshow_images3>li');
	 } else {
		 lis = $$('#dmg_layout_slideshow_images2>li');
	 }
	  new Effect.Appear(lis[1], { duration: 2, afterFinish: function(obj) {
      lisFade = lis[0].remove();
      lisFade.hide();
      
      if(randslide == 1) {
    	  $('dmg_layout_slideshow_images1').appendChild(lisFade);
      } else if(randslide == 2) {
    	  $('dmg_layout_slideshow_images2').appendChild(lisFade);
      } else if(randslide == 3) {
          $('dmg_layout_slideshow_images3').appendChild(lisFade);
      } else {
    	  $('dmg_layout_slideshow_images2').appendChild(lisFade);
      }
      
      start_slideshow(delay);
    }});
  })
}

Event.observe(document, 'dom:loaded', function() {
  var lis1 = $$('#dmg_layout_slideshow_images1>li');
  if(lis1.length > 1) for(i = 1; i < lis1.length; i++) lis1[i].hide();
  var lis2 = $$('#dmg_layout_slideshow_images2>li');
  if(lis2.length > 1) for(i = 1; i < lis2.length; i++) lis2[i].hide();
  var lis3 = $$('#dmg_layout_slideshow_images3>li');
  if(lis3.length > 1) for(i = 1; i < lis3.length; i++) lis3[i].hide();
});

Event.observe(window, 'load', function() {
  if($$('#dmg_layout_slideshow_images1>li').length > 1) start_slideshow(delay);
});