var image_count = 11;
var image_current = 2;
var image_html = '<img src="_source_" id="_id_" style="display: none;" alt="" />';
var image_basepath = "/files/sidebar_dias/";
var image_id_base = "image_sidebar_";
var image_duration = 4000;
var image_transition = 2;
function loadNextImage()
{
var html = image_html.replace(/_source_/, image_basepath+image_current+".jpg");
html = html.replace(/_id_/, image_id_base+image_current);
Element.insert($('imagecontainer'), {'bottom': html});
new Effect.Appear(
image_id_base+image_current,
{
duration: image_transition,
afterFinish: function()
{
var image_to_remove = (image_current == image_count) ? 1 : image_current-1;
image_current = (image_current == image_count) ? 1 : image_current+1;
if($(image_id_base+image_to_remove))
Element.remove($(image_id_base+image_to_remove));
setTimeout("loadNextImage()", image_duration);
}
}
);
}
document.observe("dom:loaded", function()
{
// initially hide all containers for tab content
setTimeout("loadNextImage()", image_duration);
});