;(function($) {
    VerticalSlider = {};
    VerticalSlider.sliderWrapper = function() {
        this._init();
    };
    VerticalSlider.sliderWrapper.prototype = {
        _init: function() {
            this._getData();

        },
        _getData: function() {

            //$('#feed').html('<span><img src="lightbox-ico-loading.gif" /></span>');
            /*var self = this;
            $.ajax({
            type: 'GET',
            url: "/Scripts/cricwit_data.json",

                success: function(data, status, xhr) {
            var jData = $.parseJSON(data);
                    
            self._populateSlider(jData.ContestInformation.UserItem);
            self._initSlider();
            self._bindEvent(jData.ContestInformation.UserItem);
            self._populateTweets(jData.ContestInformation.UserItem[0])
            }
              
            });*/

            var jData = cricwit_data;
            this._populateSlider(jData.ContestInformation.UserItem);
            this._initSlider();
            this._bindEvent(jData.ContestInformation.UserItem);
            this._populateTweets(jData.ContestInformation.UserItem[0]);
            $(".carousel_wrapper .bx-prev").addClass("disable");


        },
        _populateSlider: function(dataObj) {

            var markup = "<li id='${ID}'><div class='img_cont'><a class='aeroplane_image' href='#click'><img src='${ProfilePic}'/></a></div><div class='name_cont'><span>@</span>${TweeterHandle}</div></li>"
            $.template("sliderTemplate", markup);
            $.tmpl("sliderTemplate", dataObj).appendTo("#sprite_carousel");
        },
        _initSlider: function() {
            $('#sprite_carousel').bxSlider({
                displaySlideQty: 5,

                speed: 0,
                moveSlideQty: 5,
                infiniteLoop: false,
                onNextSlide: function(currentSlide, totalSlides) {

                    if (currentSlide == 45) {
                        $(".carousel_wrapper .bx-next").addClass("enable");
                    } else if (currentSlide > 0) {
                        $(".carousel_wrapper .bx-prev").removeClass("disable");
                    }

                },
                onPrevSlide: function(currentSlide, totalSlides) {
                    if (currentSlide == 0) {
                        $(".carousel_wrapper .bx-prev").addClass("disable");
                    } else if (currentSlide < 45) { $(".carousel_wrapper .bx-next").removeClass("enable"); }
                }

            });
        },
        _bindEvent: function(dataObj) {
            var self = this;

            $("#sprite_carousel li").click(function() {
                var id = $(this).attr("id");
                self._populateTweets(dataObj[parseInt(id) - 1]);
            })
        },
        _populateTweets: function(tweetObj) {
            $("#rank").html(tweetObj.ID)
            $(".thumbimg img").attr("src", tweetObj.ProfilePic);
            $("#galleyContent .userid").html(tweetObj.TweeterHandle);
            var len = tweetObj.Tweets.tweet.length,
            markup = ""
            obj = tweetObj.Tweets.tweet;
            for (var i = 0; i < len; i++) {
                markup += "<li>" + obj[i] + "</li>";
            }
            $(".scroll-pane ul").html(markup);
            $('.scroll-pane').jScrollPane({ showArrows: true });
        }


    };
    $(document).ready(function() {
        if ($("#galleryBlock").length) {
            new VerticalSlider.sliderWrapper();
        }
    });

    $(document).ready(function() {
        $('.img_cont a').click(function() {
            $('.img_cont a').removeClass('aeroplane_image_selected');
            $(this).addClass('aeroplane_image_selected');
        });

        $('#sprite_carousel li#1 a').addClass('aeroplane_image_selected');
    });

})(jQuery);