$(document).ready(function()
    {

    $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
        $(pager).find('div').removeClass('activeLI')
        .filter('div:eq('+currSlideIndex+')').addClass('activeLI');
    };

    $('#p7HomepageSlider').cycle({
        fx:    'fade',
        speed: 200,
        //timeout: 0,
        //speed:  200,
        timeout: 10000,
        pager: '#p7HomepageSliderPagingDiv',
        prev: '#HomePageSliderPagerPrev',
        next: '#HomePageSliderPagerNext',
        pagerAnchorBuilder: function(idx, slide) {

            var kod = '<div id="'+slide.id+'Page" ><a href="#">' + $('#'+slide.id).attr('perex') + '</a></div>';

            return kod;

        },
        after:     onAfter

    });

    function onAfter(curr,next,opts) {
            var caption = '' + (opts.currSlide + 1) + ' / ' + opts.slideCount;
            $('#HomePageSliderPager').html(caption);

            $("#p7HomepageSlider").find(".sliderPerex").each(function() {

                var opacityText = $(this).find(".opacityText");
                var opacityHeight = opacityText.height()+20;
                if (opacityText.is(":visible")) {
                    $(this).css("height",opacityHeight);
                }

            });

    }



    $("#HomePageSliderPagerPrev").click(function() {
       return false;
    });

    $("#HomePageSliderPagerNext").click(function() {
       return false;
    });

    $("#showSliderPaging").click(function () {
        if ($("#p7HomepageSliderPagingDiv").is(":visible")) {
            $("#p7HomepageSliderPagingDiv").hide();
        } else {
            $("#p7HomepageSliderPagingDiv").show();
        }
       return false;
    });

    $("#p7HomepageSliderPagingDiv").find("a").click(function() {
        $("#p7HomepageSliderPagingDiv").hide();
    });

    $("#p7HomepageSlider").find(".sliderPerex").each(function() {

        var opacityText = $(this).find(".opacityText");
        var opacityHeight = opacityText.height()+20;
        if (opacityText.is(":visible")) {
            $(this).css("height",opacityHeight);
        }

    });

    });