$(function () {
    $('#contentSlideshow_app').
        find('img').
        each(function (i) {
            var css_class = (i === 0) ? 'active' : 'passive';
            $(this).addClass(css_class);
            $('#content_header_kudrass_thumbs').append(
                $('<span />').append(
                    $(this).
                        clone().
                        addClass('content_header_thumbs').
                        addClass('borderify').
                        addClass(css_class).
                        attr('id', 'content_header_small_' + i).
                        css('display', 'block').
                        attr({'width': 95, 'height': 95}).
                        attr('style', '')
                )
            );
        });

    $('#content_header_kudrass_thumbs span').
        click(function () {
            var dom_id = $(this).children('img').attr('id'),
                id_arr = dom_id.split('_'),
                num_id = id_arr[id_arr.length-1],
                cur_id = $('#contentSlideshow_app').find('.active').attr('id');
            if(cur_id !== 'content_header_big_' + num_id) {
                $('#' + cur_id).
                    removeClass('active').
                    addClass('passive').
                    fadeOut(500, function(){
                        $('#content_header_big_' + num_id).
                            removeClass('passive').
                            addClass('active').
                            fadeIn(500);
                    });
            }
        });

    $('#teaser .image img, .borderify').fakeBorder();

    if (!$('#editMode').length) {        
        $('.albumThumbs').each(function () {
            var $this = $(this);
            var page = 1;
            var link = 0;
            var $nav = $('<div class="work_sample_overview_nav"><span class="page_1" id="chucknorris">1</span></div>');
            $this.addClass('page_1');
            if ($this.children().length > 16) {
                $this.children().each(function () {
                    var $this = $(this);
                    link++;
                    if ((link - 16) > 0) {
                        link = 1;
                        page++;
                        $nav.append('<span class="page_' + page + '">' + page + '</span>')
                    }
                    $this.addClass('page_' + page);
                    $this.css('opacity', 0.8);
                    $this.
                        hover(
                            function () {
                                $(this).css('opacity', 1);
                            },
                            function () {
                                $(this).css('opacity', 0.8);
                            });
                });
                $nav.find('span').click(function () {
                    if ($(this).attr('id') === 'chucknorris') {
                        return false;    
                    } else {
                        $this.attr('class', 'albumThumbs ' + $(this).attr('class'));
                        $(this).siblings().removeAttr('id').end().attr('id', 'chucknorris');
                    }
                });
                $('#projectDetail').append($nav);
            }
        });
    }

});