$(document).ready(function()  {
    //Lightbox BOF
            var $st = 10;
            var $n = 1;
            do {
            $(function() {
                    $('span#g'+$n+' a.lightbox').lightBox({
                        txtImage: 'Obraz numer',
                        txtOf: 'z'
                    }); // Select all links with lightbox class
            });
            $n++;
            } while ($n < $st);
           //Lightbox EOF

            $("span#bookmarks span a.box1").parent().addClass("act");
            $("#content div#box1").addClass("start");

            $("span#bookmarks span a").click(function() {
                $("span#bookmarks .act").removeClass("act");
                $(this).parent().addClass("act");
                var classname = $(this).attr("class");
                $("#content div:visible").hide();
                $("#content div#"+classname).show();
                $("#content div.start").removeClass("start");
                $("#content div#"+classname).addClass("start");

                var $curr = $("#content div.start");
                var $n = $("span#bookmarks span").length;
                if ($curr.attr("id") == "box1" ) {
                    $("span#prev").removeClass("prev_on");
                    $("span#prev").addClass("prev_off");
                    }
                 else {
                     $("span#prev").removeClass("prev_off");
                     $("span#prev").addClass("prev_on");
                }
                if ($curr.attr("id") == ("box" + $n) ) {
                    $("span#next").removeClass("next_on");
                    $("span#next").addClass("next_off");
                    }

                 else {
                     $("span#next").removeClass("next_off");
                     $("span#next").addClass("next_on");
                 }
                return false;
                });

            $("span#prev a").click(function() {
                var $curr = $("#content div.start");
                var $acti = $("span#bookmarks .act");

                if ($curr.attr("id") != "box1" ) {
                    $curr.hide();
                    $curr.removeClass("start");
                    $acti.removeClass("act");
                    $($curr.prev()).show();
                    $($curr.prev()).addClass("start");
                    $($acti.prev()).addClass("act");
                    $("span#next").removeClass("next_off");
                    $("span#next").addClass("next_on");
                    }

                 if (($curr.attr("id") == "box1") || ($curr.attr("id") == "box2") ) {
                    $("span#prev").removeClass("prev_on");
                    $("span#prev").addClass("prev_off");
                    }
                 else {
                     $("span#prev").addClass("prev_on");
                 }
                });

            $("span#next a").click(function() {
                var $n = $("span#bookmarks span").length;
                var $curr = $("#content div.start");
                var $acti = $("span#bookmarks .act");
                if ( $curr.attr("id") != ("box" + $n) ) {
                    $curr.hide();
                    $curr.removeClass("start");
                    $acti.removeClass("act");
                    $($curr.next()).show();
                    $($curr.next()).addClass("start");
                    $($acti.next()).addClass("act");
                    $("span#prev").removeClass("prev_off");
                    $("span#prev").addClass("prev_on");
                    }

                 if (($curr.attr("id") == ("box"+ ($n-1))) || ($curr.attr("id") == ("box" + $n)) ) {
                    $("span#next").removeClass("next_on");
                    $("span#next").addClass("next_off");
                    }

                 else {
                     $("span#next").addClass("next_on");
                 }
                });
});