$(document).ready(function() {
	$('table.ClasseurPage img').load(function () {
		$(this).fadeIn();
	});
	$(document).keydown(function(event){
        switch (event.keyCode) {
        case 39:
        	nextPage();
            break;
        case 37:
        	prevPage();
        	break;
        case 40:
        	goToSmallCards();
        	break;
        case 38:
        	goToBigCards();
        	break;
    	}
    });
	goToPage(currentPage);
});

function prevPage(){
	if(currentPage>1){currentPage--;}
	goToPage(currentPage);
}
	
function nextPage(){
	if(currentPage*9<nbCards){currentPage++;}
	goToPage(currentPage);
}

function selectEdition(ed){
	var dest = $(ed).attr('href');
	document.location = dest;
}

function pad(number, length) {
    var str = '' + number;
    while (str.length < length) {
        str = '0' + str;
    }
    return str;
}


function goToPage(pageNum){
	$('table.ClasseurPage img').hide();
	var firstCard=(pageNum-1)*9;
	for(var i=1; i<=9; i++){
		var cardNum = pad(firstCard+i,3);
		$('#card'+i+' img').attr('src',imgRoot+cardNum+'.jpg');
	}
	$('#CollecNav a').removeClass('plSelected');
	var active = '#pl'+currentPage;
	$(active).addClass('plSelected');
}

function goToSmallCards(){
	$('table.ClasseurPage img').addClass('class_card_small');
	$('table.ClasseurPage td').addClass('small');
}
function goToBigCards(){
	$('table.ClasseurPage img').removeClass('class_card_small');
	$('table.ClasseurPage td').removeClass('small');
}