//var current_frame = images_count = 0;
//var lame_slider;

// "global" variables
var sliders = new Array();
var sliders_count = 0;

document.observe("dom:loaded", function()
{

    $$('.slider').each(function(el){
        sliders[sliders_count] = new Array();
        sliders[sliders_count]["li"]     = el.getElementsByTagName("li");
        sliders[sliders_count]["count"]  = sliders[sliders_count]["li"].length;
        sliders[sliders_count]["active"] = 0;

        //alert (sliders_count);
        
    		sliders_count++;
    	}, this)
    // loop thru all images and hide them
//    lame_slider = $("slider").getElementsByTagName("li");
//    current_frame = Math.round(Math.random()*(lame_slider.length -1));
//    for(i=0;i<lame_slider.length;i++)
//        if(i!=current_frame) lame_slider[i].style.display = "none";
//    images_count  = lame_slider.length -1;
//
//
	var pe = new PeriodicalExecuter(slide, 5);

});

function slide()
{
  for (i = 0; i < sliders_count; i++)
  {
    var active = sliders[i]["active"];
    var count  = sliders[i]["count"];
    Effect.Fade(sliders[i]["li"][active]);
    if (active == count-1) { sliders[i]["active"] = 0; } else { sliders[i]["active"]++; }
    active = sliders[i]["active"];
    Effect.Appear(sliders[i]["li"][active]);
  }

//    // hide current image
//    Effect.Fade(lame_slider[current_frame]);
//        if (current_frame == images_count) { current_frame = 0; } else { current_frame++; }
//    // and show next or previous
//    Effect.Appear(lame_slider[current_frame]);
}