$(document).ready(function () {
    var sd = 63; // scroll distance
    var to;
    var doClick = function () {
        $('.feature2 .pic .arr-right').click();
    };
    var autoScrollTime = 8000; // ms

    var autoScroll = function () {
        to = setTimeout(doClick, autoScrollTime);
    };

    $('#c-release .tabs ul').tabs('#c-release .panes .pane', {
        effect: 'slide',
        onClick: function (e) {
            $(e.target.getCurrentTab().addClass('active').siblings().removeClass('active'));
        }
    });

    $('#c-release .pane .next').click(function (e) {
        e.preventDefault();
        var el = $(this).parents('.pane'),
            scl = el.scrollTop();
        el.animate({ scrollTop: scl + sd }, 'medium');
    });
    $('#c-release .pane .prev').click(function (e) {
        e.preventDefault();
        var el = $(this).parents('.pane'),
            scl = el.scrollTop(),
            st = 0;
        if (scl - sd > 0) {
            st = scl - sd;
        }

        el.animate({ scrollTop: st }, 'medium');
    });

    $('.feature2 .pic .arr-right').click(function () {
        var slides = $('.feature2 .pic .slides'),
            sl = slides.scrollLeft(),
            max = slides.attr('scrollWidth') - 590;

        if (max > sl) {
            slides.animate({ scrollLeft: sl + 593 }, 'medium');
        } else {
            slides.animate({ scrollLeft: 0 }, 'medium');
        }

        clearTimeout(to);
        to = autoScroll();
    });

    $('.feature2 .pic .arr-left').click(function () {
        var slides = $('.feature2 .pic .slides'),
            sl = slides.scrollLeft(),
            max = slides.attr('scrollWidth') - 590;

        if (sl === 0) {
            slides.animate({ scrollLeft: max }, 'medium');
        } else {
            slides.animate({ scrollLeft: sl - 593 }, 'medium');
        }

    });

    autoScroll();
    $('#feature .overlay, #feature .overlay2').click(function () {
        if ($(this).find('a').length > 0) {
            window.location = $(this).find('a').attr('href');
        }
    });
});

