/**
  SCRIPT file for all types of Avia Sliders possible.
  As per KCS requirements, it is - "fullwidth-fade-slider"
**/


$(document).ready(function() 
{

    // Here you can see the slide options I used in the demo page. depending on the id of the slider a different setup gets activated
    
    $('#frontpage-slider').aviaSlider({ blockSize: { height: 80, width: 80 },
        transition: 'slide',
        display: 'all',
        transitionOrder: ['diagonaltop', 'diagonalbottom', 'topleft', 'bottomright', 'random']
    });


    $('#diagonal-blocks').aviaSlider({ blockSize: { height: 80, width: 80 },
        transition: 'slide',
        display: 'diagonaltop',
        switchMovement: true
    });


    $('#winding-blocks').aviaSlider({ blockSize: { height: 80, width: 80 },
        transition: 'slide',
        display: 'topleft',
        switchMovement: true
    });


    $('#fading_curtain').aviaSlider({ blockSize: { height: 'full', width: 40 },
        display: 'topleft',
        transition: 'fade',
        betweenBlockDelay: 150,
        animationSpeed: 600,
        switchMovement: true
    });

    $('#fading-top-curtain').aviaSlider({
        blockSize: { height: 40, width: 'full' },
        display: 'topleft',
        transition: 'fade',
        betweenBlockDelay: 150,
        animationSpeed: 600,
        switchMovement: true
    });

    $('#fullwidth-fade-slider').aviaSlider();


    $('#direction-fade-slider').aviaSlider({
        blockSize: { height: 3, width: 'full' },
        display: 'topleft',
        transition: 'fade',
        betweenBlockDelay: 10,
        animationSpeed: 400,
        switchMovement: true
    });

    $('#randomized-blocks').aviaSlider({ blockSize: { height: 80, width: 80 },
        transition: 'slide',
        display: 'random'
    });
    
    $('#droping-curtain').aviaSlider({ blockSize: { height: 'full', width: 40 },
        display: 'topleft',
        transition: 'drop',
        betweenBlockDelay: 80,
        animationSpeed: 800,
        switchMovement: true,
        slideControlls: 'items',
        appendControlls: '.aviaslider'
    });


});