var timeout = 5000;
var timer = null;
var first = true;

$(document).ready(function(){
    startTimer();
    
    $("#archive").mouseenter(function(){
        clearTimeout(timer);
    });
    
    $("#archive").mouseleave(function(){
        startTimer();
    })
});

function startTimer() {
    timer = setInterval('randomArchive()',timeout);
}

function randomArchive() {
    if(first) {
        first = false;
        clearTimeout(timer);
        timer = setInterval('randomArchive()',7000);
    }
    
    $.post("assets/snippets/randomArchive/index.php",function(data){
        var html = '<div class="block_title">TTM archief: '+data.category['name']+'</div>';
        html += '<div class="block_content">';
        
        for(key in data.items) {
            html += '<div class="archive_item">';
            html += '   <div class="number">'+data.items[key]['ttmnummer']+'</div>';
            html += '   <div class="longtitle">'+data.items[key]['naam']+'</div>';
            html += '   <div class="line"></div>';
            html += '   <div class="info">';
            html += '       <a href="'+data.items[key]['path']+'" class="read" title="Lezen">Lezen</a>';
            html += '       <div class="dash">-</div>';
            html += '       <div class="subscribe"><a href="'+data.alias['subscribe']+'.html" title="Aanmelden">Aanmelden</a> om te lezen</div>';
            html += '   </div>';
            html += '</div>';
            html += '<div class="clear"></div>';
        }
        
        html += '<div class="view_archive"><a href="'+data.alias['archief']+'.html?a='+data.category['id']+'" title="Bekijk volledig archief">Bekijk volledig archief →</a></div>';
        html += '<div class="view_archive">Kunt u niet vinden wat u zoekt? Gebruik de zoekmachine.</div>';
        html += '</div>';
        
        $("#archive").fadeOut(1000,function() {
            $("#archive").html(html);
        });
        $("#archive").fadeIn(1000);
    },"json");
}