// setup image rotation
(function(){
    var screenshots = [
        'notification',
        'all',
        'applications',
        'details',
        'settings'
    ];
    
    var screenshot = document.getElementById('screenshot');
    
    if (screenshot) {
        var screenshotPages = document.getElementById('screenshot-pages');
        var index = 0;
        var dots = [];
        
        screenshotPages.onclick = screenshot.onclick = function() {
            dots[index].style.color = 'gray';
            index = (index + 1) % screenshots.length;
            dots[index].style.color = 'black';
            var imageName = screenshots[index]
            screenshot.src = "./images/ss-" + imageName + "-50.png";
        }

        for (var i = 0; i < screenshots.length; i++) {
            var dot = document.createElement('span');
            // •◦
            dot.appendChild(document.createTextNode('•'));
            dot.style.color = 'gray';
            screenshotPages.appendChild(dot);
            dots[dots.length] = dot;
        }
        screenshot.src = "./images/ss-" + screenshots[0] + "-50.png";
        dots[0].style.color = 'black';
    }
})()