jQuery.fn.getIndex = function(){
    var $p=jQuery(this).parent().children();
    return $p.index(this);
}
function onBefore(curr, prev, opts) {
    var currentSlide = jQuery(this).getIndex();
    var blockWidth = jQuery("#mediumblock div:eq(" + currentSlide + ")").width();
    jQuery("#mediumblock div").removeClass("activeBlock");
    jQuery("#mediumblock div:eq(" + currentSlide + ")").addClass("activeBlock");
    var blockMedWidth = blockWidth / 2;
    var blockOffset = jQuery("#mediumblock div:eq(" + currentSlide + ")").position();
    var blockOffsetLeft = blockOffset.left;
    var arrowNewPosition = blockOffsetLeft + blockMedWidth;
    jQuery("#arrowSlide").animate({
        left: arrowNewPosition
    },500)
}
jQuery(function(){
    
jQuery('.slide:visible .buttonSlide').each(function () {
    var thisWidth = $(this).width() - 32;
    $(this).css({
        "float": "none",
        "width": thisWidth,
        "margin": "0 auto"
    })
});
jQuery('.scrollContainer').cycle({
    fx: 'fade',
    timeout: 8000,
    pager: '#middleBlock',
    pause: 1,
    before: onBefore,
    pagerAnchorBuilder: function (idx, slide) {
        return '#mediumblock div:eq(' + (idx) + ') a';
    }
});
jQuery(".scrollContainer").hover(
    function(){
        jQuery(this).find(".infoicon").stop().animate({
            opacity:0.7
        }, 500);
    },
    function(){
        jQuery(this).find(".infoicon").stop().animate({
            opacity:0
        }, 500);
    }
    );
})