jquery(document).ready(function($) {
    $('.indexnotice span').bind('click',function(){
        $('.indexnotice').css('display','none')
    })


    var slider = $(".royalslider.displaypc").royalslider({
        // general options go gere
        imagescalemode: 'fill',
        autoscaleslider: true,
        autoscalesliderwidth: 1920,
        autoscalesliderheight: 798,
        slidesspacing: 0,
        arrowsnav: false,
        loop: true,
        autoplay: {
            enabled: true,
            pauseonhover: true
        }
    });
    $(".royalslider.displaymobile").royalslider({
        // general options go gere
        imagescalemode: 'fill',
        slidesspacing: 0,
        arrowsnav: false,
        loop: true
    });
    var controller = $.superscrollorama();
    function inittween() {
        if ($('html').width() > 640){
            controller.addtween(
                '#parallaxcoupon',
                (new timelinelite()).append([
                    tweenmax.fromto($('#coupontitle'), 1, {css: {opacity: 0}, immediaterender: true}, {css: {opacity: 1}}),
                    tweenmax.fromto($('#couponimg'), 2, {css: {top: 200}, immediaterender: true}, {css: {top: 0}})//,
                    //tweenmax.fromto($('#couponbtn'), 3, {css: {top: 600}, immediaterender: true}, {css: {top: 0}})
                ]),
                1000 // scroll duration of tween
            ).addtween(
                '#parallaxnew',
                (new timelinelite()).append([
                    tweenmax.fromto($('#newtitle'), 1, {css: {opacity: 0}, immediaterender: true}, {css: {opacity: 1}}),
                    tweenmax.fromto($('#newproduct1'), 1.5, {css: {top: 100}, immediaterender: true}, {css: {top: -100}}),
                    tweenmax.fromto($('#newproduct2'), 1, {css: {top: 100}, immediaterender: true}, {css: {top: -100}}),
                    tweenmax.fromto($('#newproduct3'), 1, {css: {top: 150}, immediaterender: true}, {css: {top: -100}})
                ]),
                1000 // scroll duration of tween
            ).addtween(
                '#parallaxrefine',
                (new timelinelite()).append([
                    tweenmax.fromto($('#refinetitle'), 1, {css: {opacity: 0}, immediaterender: true}, {css: {opacity: 1}}),
                    tweenmax.fromto($('#refineproduct1'), 1, {css: {top: -20}, immediaterender: true}, {css: {top: -100}}),
                    tweenmax.fromto($('#refinedesc1'), 1, {css: {top: 280}, immediaterender: true}, {css: {top: 200}}),
                    tweenmax.fromto($('#refineproduct2'), 1, {css: {top: 500}, immediaterender: true}, {css: {top: 420}}),
                    tweenmax.fromto($('#refinedesc2'), 1, {css: {top: 680}, immediaterender: true}, {css: {top: 600}})
                ]),
                500 // scroll duration of tween
            );
        } else {
            controller.removetween('#parallaxcoupon');
            controller.removetween('#parallaxnew');
            controller.removetween('#parallaxrefine');
        }
    }
    inittween();
    var h = $(window).height();
    jquery(window).resize(function() {
        if ($(window).height() != h) {
            inittween();
        }
    });
    slider.on('rsaftercontentset', function(e, slideobject) {
        $('.rsablock').each(function(i, ele) {
            var img = new image();
            img.src = $(ele).find('img').attr('src');
            $(ele).css({
                'width': img.width/1920*100 + '%'
            });
        });
    });
});