glow.ready(function() {
//

var hasStorage = (window.sessionStorage) ? true : false; // Test for local storage

function makeCarousel(carouselMarkup) {
    // Inject HTML
    var carouselHolder = glow.dom.get('#carousel');
    carouselHolder.html(carouselMarkup);
    var trueItemCount = glow.dom.get('.case_study').length; // Used for pagination
    // Create carousel
    var carousel = new glow.widgets.Carousel('#carousel',{
        animTween: glow.tweens.easeBoth(),
        loop: true,
        pageNav: true,
        scrollOnHold: false,
        size: 1
    });
    // Insert pagination
    var totalRecords = glow.dom.get('.carousel-item').length;
    glow.dom.get('.view').each(function(i){
        var currentPage = glow.dom.create('<p class="current_page"></p>');
        glow.dom.get(this).after(currentPage);
    });
    glow.dom.get('.current_page').each(function(i) {
        glow.dom.get(this).text((i%trueItemCount + 1) + ' of ' + trueItemCount);
    });
    // Create controls & events
    var crslControls = glow.dom.create('<p class="control ctrl_prev">Prev</p><p class="control ctrl_next">Next</p>');
    glow.dom.get('#controls').prepend(crslControls);
    glow.events.addListener('.ctrl_prev','click',function(){ carousel.moveBy(-1); });
    glow.events.addListener('.ctrl_next','click',function(){ carousel.moveBy(1); });
//    sessionStorage.clear();
}

function fillCarousel() {
    if(hasStorage === true && sessionStorage.carousel ) {
        makeCarousel(sessionStorage.carousel);
    } else {
        var carouselFile = glow.net.get('/home_carousel/',{
            async:true,
            onLoad:function(response) {
                var newCarousel = glow.dom.create(response.text());
                if(hasStorage === true) {
                    sessionStorage.carousel = newCarousel.html();
                    makeCarousel(sessionStorage.carousel);
                } else {
                    var noStorage = newCarousel.html();
                    makeCarousel(noStorage);
                }
            }
        });
    }
}

if(!((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))) {
    fillCarousel();
}

//
});