$(document).ready(function() {


    getNextItem();

    $("#sample_nxt").click(function() { getNextItem(); });
    $("#cur_img").click(function() { getNextItem(); });
    $("#sample_btn_nxt").click(function(e) { e.preventDefault(); getNextItem(); });
    $("#sample_btn_prev").click(function(e) { e.preventDefault(); getPreviousItem(); });

});


var currentIndex = -1;
var list = [
["Rij &amp; Reken", "Zet de applicatie aan en begin met rijden. U ziet direct hoeveel kilometer u heeft afgelegd en wat de kosten daarvan zijn op basis van de geselecteerde auto.</p><p>Wordt het toch maar tijd voor een kleinere auto?", "dashboard"],
["De gereden rit", "Na afloop van een rit ziet u waar u ongeveer heeft gereden en uiteraard wat het kost.</p><p> Gereden ritten worden lokaal op de iPhone opgeslagen en kunnen worden gebruikt om verschillende auto's onderling te vergelijken.", "ritdetails"],
["Het &quot;Dashboard&quot;", "Vanuit het menu heeft u toegang tot alle functies van de applicatie. Daarnaast wordt er altijd een 'weetje' getoond m.b.t. de kilometerheffing. </p><p>Wist u bijvoorbeeld dat...", "menu"],
["Flexibel auto's aanmaken", "Snel en simpel via het kenteken, zelf de specificaties invullen van die nieuwe auto (die nog bij de dealer staat), of gebruikt u liever een rekenvoorbeeld van de ANWB? </p><p>In Rij &amp; Reken kunt u auto's aanmaken op verschillende manieren.", "aanmakenvia"],
["Wat kost die auto?", "Op een feestje voor iedereen uitrekenen wat hun auto kost voor bijvoorbeeld het woon-werkverkeer? Het kan met de 'quick scan'.</p><p>Op grote feestjes kunt u na de 100ste persoon natuurlijk altijd nog zeggen dat de batterij op is...", "quickscan"],
["Uw volledige wagenpark", "Alle auto's die u aanmaakt, worden opgeslagen in de applicatie. Op deze manier hoeft u een auto maar 1x aan te maken en kunt u auto's ook onderling vergelijken. </p><p>Wordt het vandaag de Hummer, of toch maar de Aygo?", "autolijst"],
["Iets onduidelijk?", "Hoe kan ik... Hoe werkt... het uitgebreide helpscherm helpt u bij het gebruik. </p><p>Meer info over de km-heffing? Ook hierover leest u meer in de help.", "hulpoverzicht"],
["Ophalen via RDW", "Hoeveel weegt uw auto, wat is het bouwjaar, heeft u een roetfilter die voldoet aan de wettelijke norm om geen extra heffing te hoeven betalen? </p><p>Geen idee?</p><p>Ook niet nodig, vul het kenteken in en alles wordt automatisch ingevuld.", "kentekenophalen"],
["Check uw RDW gegevens", "Als uw kenteken correct is ingevuld ziet u de gegevens van uw auto zoals bekend bij de RDW.</p><p>Heeft u wel een roetfilter, maar dit is niet bekend bij de RDW? Dan is het handig om even met het 'mannetje' te bellen die deze heeft ingebouwd... ", "kenteken_specs"],
["Direct afstand invoeren", "Als u eenmaal een auto heeft aangemaakt kunt u altijd de prijs voor een bepaalde afstand berekenen. </p><p>Gebruik eventueel &quot;Maps&quot; om een rit te berekenen zonder deze te rijden. </p><p>&quot;Sorry je krijgt geen cadeautje dit jaar, want de rit was al 15 euro..&quot;", "km_calc"],
["Vergelijk auto's", "Heeft u een rit gereden, een 'quick scan' gedaan of een afstand ingevoerd? Vanuit deze schermen kunt u altijd de huidige auto vergelijken met een andere auto. </p><p>&quot;Gaan we met jouw auto, of de mijne?&quot;", "resultaat"],
["Klaar voor de start?", "Uiteraard dient de applicatie wel een goede GPS verbinding te hebben om uw rit op te kunnen slaan.</p><p>Gelukkig kunt u aangeven dat de rit automatisch moet starten zodra een betrouwbaar GPS signaal gevonden is. ", "gps_find"]

];


    function getNextItem() {

        currentIndex += 1;
        currentIndex %= list.length;
        writeContent(currentIndex);
    }

    function getPreviousItem() {

        currentIndex = list.length + currentIndex -1;
        currentIndex %= list.length;
        writeContent(currentIndex);
    }

    function writeContent(index) {
    
     var tmp = list[index];
     
     $("#sample_exp").html("<h4>" + tmp[0] + "<\/h4><p>" + tmp[1] +"<\/p>");
     
     $("#cur_img").css("background-image",
        'url(\'_resources\/content_images\/' + tmp[2] + '.jpg\')');

     $("#sample_nxt").css("background-image",
        'url(\'_resources\/content_images\/' +
     list[(currentIndex+1) % list.length][2]   
         + '_thumb.jpg\')');
     
    }