// Type definition tests for Flickity v1.1.1
// Project: http://flickity.metafizzy.co/
// Definitions by: Chris McGrath <https://www.github.com/clmcgrath>
// Definitions: https://github.com/clmcgrath/
///<reference path="../jquery/jquery.d.ts"/>
///<reference path="FlickityEvents.ts"/>
///<reference path="flickity.d.ts"/>


//jQuery tests


    var $flickity : JQuery = $("#flickity-selector").flickity(
    {
        initialIndex: 0,
        accessibility: true,
        asNavFor: "#nav-bar",
        autoPlay: true,
        cellAlign: "left",
        cellSelector: ".gallery-cell",
        contain: true,
        draggable: true,
        freeScroll: false,
        freeScrollFriction: 0.5,
        friction: 0.8,
        imagesLoaded: false,
        lazyLoad: false,
        pageDots: false,
        arrowShape: "arrow.svg",
        percentPosition: false,
        prevNextButtons: false,
        selectedAttraction: 0.050,
        useSetGallerySize: true,
        watchCSS: true,
        wrapAround: true,
        resize: true,
        rightToLeft: false
    });

    $flickity.flickity("next")
        .flickity('select', 4);

    //Vanilla jQuery tests
    var flikty : Flickity = new Flickity("#flickity-gallery");

    var flikty2: Flickity =
        new Flickity("#flickity-gallery",
        {
            initialIndex: 0,
            accessibility: true,
            asNavFor: "#nav-bar",
            autoPlay: true,
            cellAlign: "left",
            cellSelector: ".gallery-cell",
            contain: true,
            draggable: true,
            freeScroll: false,
            freeScrollFriction: 0.5,
            friction: 0.8,
            imagesLoaded: false,
            lazyLoad: false,
            pageDots: false,
            arrowShape: "arrow.svg",
            percentPosition: false,
            prevNextButtons: false,
            selectedAttraction: 0.050,
            useSetGallerySize: true,
            watchCSS: true,
            wrapAround: true,
            resize: true,
            rightToLeft: false
        });

        //ES6 element selector for tests
        var element = document.querySelector("#gallery");
        var nodeList = document.querySelectorAll("#gallery");
        var cellElements: Array<Element> = flikty2.getCellElements();

        flikty2.select(1, true);
        flikty2.select(1);

        flikty2.previous();
        flikty2.previous(true);

        flikty2.next();
        flikty2.next(true);

        flikty2.resize();
        flikty2.reposition();

        flikty2.prepend(element);

        flikty2.append(element);
        flikty2.append(nodeList);

        flikty2.insert(element, 0);
        flikty2.insert(nodeList, 0);
        flikty2.insert(new Array<Element>(), 0);

        flikty2.remove(element);
        flikty2.remove(nodeList);
        flikty2.remove(new Array<Element>());

        flikty2.destroy();

        flikty2.reloadCells();

        //event handlers
        flikty2.on(FlickityEvents.cellSelect, (evt, ele) => {
            //do something
        });

        flikty2.off(FlickityEvents.cellSelect, (evt, ele, pntr , vctr) => {
            //do something
        });

        flikty2.once(FlickityEvents.cellSelect, (evt, ele, pntr) => {
            //do something
        });

        flikty2.listener("myCustomEvent", (evt : Event) => {
            //do something
        });

        //static get data methods

        var jQdata = jQuery.fn.data('flickity')();
            jQdata = $.fn.data('flickity')();

        var jsData = Flickity.data("#gallery");
            jsData = Flickity.data("#gallery");

        //property tests
        var selectedIndex : number = flikty2.selectedIndex;

        var selectedElement: Element = flikty2.selectedElement;
        var cells : Array<Element> = flikty2.cells;