(function(){//stay anonym
    $(function(){
        var parents = $("#teasers #classic,#teasers #cities, #teasers #tvspots");
        parents.each(function(){
        
            var that = $(this);
            var rows_in_teaser = that.find(".row");
            var current_page = 1, rows_per_page = 2, pages = Math.ceil(rows_in_teaser.length / rows_per_page), page_content = [];
            
            var colors = {
                "black": {
                    "color": "#000"
                },
                "yellow": {
                    "color": "#FFDE00"
                }
            };
            
            var set_teaser_visibility = function(){
            
                rows_in_teaser.each(function(i, item){
                    if (i < current_page * rows_per_page && i >= current_page * rows_per_page - rows_per_page) {
                        $(item).show();
                    }
                    else {
                        $(item).hide();
                    }
                });
            };
            /**
             *
             */
            var set_active = function(){
                that.find(".pages a.page").removeClass("current").filter(function(i){
                    return $(this).html() == current_page;
                }).addClass("current");
            };
            /**
             *
             */
            var click_callback = function(){
                var that = $(this);
                if (that.html() != current_page) {
                    current_page = that.html();
                    set_teaser_visibility();
                    set_active();
                }
                return false;
            };
            
            if (pages > 1) {
            
                var target = that.find(".teaser_content");
                target.addClass("clearfix");
                var css;
                if (target.css("backgroundColor") == "transparent") {
                    css = colors["black"];
                }
                else {
                    css = colors["yellow"];
                    
                }
                
                set_teaser_visibility();
                
                var div = $("<div>", {
                    "class": "pages"
                }).css(css);
                
                for (var i = 0; i < pages; i++) {
                    $("<a>", {
                        "html": i + 1,
                        "class": "page",
                        "style": css,
                        "href": "#classic"
                    }).css(css).click(click_callback).appendTo(div);
                }
                
                div.appendTo(target);
                
                //FIXME: Fehler im IE da #classic zweimal vorkommt
                that.find(".pages a.page").each(function(i, item){
                    if (i != pages - 1) {
                        $(item).after("&nbsp;|&nbsp;");
                    }
                });
                set_active();
            }
        });
    });
})();