$(document).ready(function() {

    // Loopataan jokainen "flash" palstalla oleva sisältöosio
    $('#zone-_main').find('.token-News').each(function(i){
        
        // Siirretään jokaisen osion ensimmäinen otsikko tabiksi
        var $otsikko = $(this).find(':header').first();
        otsikkoText = $otsikko.text();
        //$otsikko.remove();
        
        $('<li data-item="'+i+'"><a href="#">' + otsikkoText + '</a></li>').appendTo('#flash-nav')
        
        // Lisätään click event naviin
        .click(function(){
            
            $('#flash-nav').find("a").removeClass('active');
            
            // Active class
            $(this).find("a").addClass('active');
            
            // Piilotetaan kaikki, mutta näytetäänkin tabia vastaava
            $('#zone-_main .token-News').hide().eq(i).show();

        });
        
        // Piilotetaan alkuun kaikki muut paitsi ensimmäinen token
        if (i > 0) {
            $(this).hide();
        }
    });

    // Tehdään ekasta aktiivinen
    $('#flash-nav li a').eq(0).addClass('active');
});
