$$("#category0 img").invoke("setStyle", {display : "none", position : "absolute"});
$$("#category1 img").invoke("setStyle", {display : "none", position : "absolute"});
$$("#category2 img").invoke("setStyle", {display : "none", position : "absolute"});
$$("#category3 img").invoke("setStyle", {display : "none", position : "absolute"});
$$("#category4 img").invoke("setStyle", {display : "none", position : "absolute"});
$$("#category5 img").invoke("setStyle", {display : "none", position : "absolute"});
$$("#category6 img").invoke("setStyle", {display : "none", position : "absolute"});
$$("#category7 img").invoke("setStyle", {display : "none", position : "absolute"});
$$("#category8 img").invoke("setStyle", {display : "none", position : "absolute"});
$$("#category9 img").invoke("setStyle", {display : "none", position : "absolute"});
var nextBanner = function() {
        var banner0 = $("category0").down("img");
        banner0.parentNode.appendChild(banner0);
        banner0.appear({afterFinish : function() { if (banner0.previous() != null) { banner0.previous().hide() }}});
        var banner1 = $("category1").down("img");
        banner1.parentNode.appendChild(banner1);
        banner1.appear({afterFinish : function() { if (banner1.previous() != null) { banner1.previous().hide() }}});
        var banner2 = $("category2").down("img");
        banner2.parentNode.appendChild(banner2);
        banner2.appear({afterFinish : function() { if (banner2.previous() != null) { banner2.previous().hide() }}});
        var banner3 = $("category3").down("img");
        banner3.parentNode.appendChild(banner3);
        banner3.appear({afterFinish : function() { if (banner3.previous() != null) { banner3.previous().hide() }}});
        var banner4 = $("category4").down("img");
        banner4.parentNode.appendChild(banner4);
        banner4.appear({afterFinish : function() { if (banner4.previous() != null) { banner4.previous().hide() }}});
        var banner5 = $("category5").down("img");
        banner5.parentNode.appendChild(banner5);
        banner5.appear({afterFinish : function() { if (banner5.previous() != null) { banner5.previous().hide() }}});
        var banner6 = $("category6").down("img");
        banner6.parentNode.appendChild(banner6);
        banner6.appear({afterFinish : function() { if (banner6.previous() != null) { banner6.previous().hide() }}});
        var banner7 = $("category7").down("img");
        banner7.parentNode.appendChild(banner7);
        banner7.appear({afterFinish : function() { if (banner7.previous() != null) { banner7.previous().hide() }}});
        var banner8 = $("category8").down("img");
        banner8.parentNode.appendChild(banner8);
        banner8.appear({afterFinish : function() { if (banner8.previous() != null) { banner8.previous().hide() }}});
        var banner9 = $("category9").down("img");
        banner9.parentNode.appendChild(banner9);
        banner9.appear({afterFinish : function() { if (banner9.previous() != null) { banner9.previous().hide() }}});
}
nextBanner();
setInterval(nextBanner, 4000);