swapFeatures = function() {
    
    var currentFeature = 0;
    var totalFeatures  = 0;

    return {
        init: function() {
            $('.featureitems li').each(function(index) {
                    totalFeatures++;
                    $(this).css('cursor','pointer').addClass('fid_'+index).bind('click', swapFeatures.clickEvent);
                });
            $('a.nextfeature').bind('click', swapFeatures.nextFeature);
        },

        clickEvent: function(e) {
            $('.featureitems li').removeClass('emphasis');
            idx = $(this).attr('class').match(/fid_(\d+)/);
            currentFeature = idx[1];
            $('img.devicedetail').attr('src',deviceImages[currentFeature]);
            $(this).addClass('emphasis');
        },

        nextFeature: function() {
            if (currentFeature == totalFeatures-1 ) triggerElement = 0;
            else triggerElement = parseInt(currentFeature)+1 ;
            $('.featureitems li').eq(triggerElement).trigger('click');
            return false;
        }

    }
}();