files=["1.html", "2.html", "3.html", "4.html", "5.html", "6.html", "7.html", "8.html", "9.html", "10.html"];

var loc;

function goto(i) {
    $('#content').html(files[i]);
    loc=i;
}

function setup_click(i) {
    $.get(i+'.html', function(data){
	    files[i]=data;
        })
        $('#tt_'+i).click(function(eo) { goto(i);});
}

function next() { 
    loc=loc+1;
    if(loc>10) loc=10;
    goto(loc);
}

function prev() { 
    loc=loc-1;
    if(loc<1) loc=1;
    goto(loc);
}

$(function() {
	var i; 
	for(i=1; i<11; i++) {
	    setup_click(i);
	}
        $('#next').click(function(eo) { next();});
        $('#prev').click(function(eo) { prev();});
    });

$('#debug').text('loaded');