function example_init()
{
    $$(".example").each(
        function(ex, i) 
        {  
            var pagenum = 0;
            var imgs = ex.select(".inner img");
            var pagecount = imgs.length;
            function setPageNum(value)
            {
                if (value < 0) return;
                if (value > pagecount) return;
                pagenum = value;
                var titles = [];
                var text = "";
                imgs.each(
                    function(img, n)
                    {
                        if ((n != value) && (n != (value - 1)))
                        {
                            img.hide();
                        }
                        else
                        {
                            img.show();
                            if (text == "")
                                text = img.title;
                        }
                    }
                );
                title.update(text);
            }
            var bl = new Element("img", { src: "/css/pijll.png" });
            var title = new Element("span", { className: "title" });
            var br = new Element("img", { src: "/css/pijlr.png" });
            var t2 = new Element("span", { className: "pagecount" });
            bl.onclick = function() { setPageNum(pagenum - 2); };
            br.onclick = function() { setPageNum(pagenum + 2); };
            ex.appendChild(bl);
            ex.appendChild(title);
            ex.appendChild(br);
            ex.appendChild(t2);
            setPageNum(0);
        }
    );
}

