$(document).ready(function(){
    $('img#img-diapo').hover(function(){
	$('a.navigation').toggle();
    });
    $('a.navigation').hover(function(){
	$('a.navigation').toggle();
    });
    var n = 1 + Math.floor(Math.random()*10);
    $('img#img-diapo').hide();
    setDiapoImg(n);
    $('a#left-arrow').click(function(){
	n = (n==1) ? 10 : n-1;
	SetDiapoImg(n);
    });
    $('a#right-arrow').click(function(){
	n = (n==10) ? 1 : n+1;
	setDiapoImg(n);
    });
    $('div#header-menu a#access').click({page:'access'}, showPage);
    $('div#header-menu a#programme').click({page:'programme'}, showPage);
    $('div#header-menu a#contact').click({page:'contact'}, showPage);
    $('div#header-menu a#historique').click({page:'historique'}, showPage);
});
		  
function showPage(event) {
    if ($('div#diapo').is(':visible')) $('div#diapo').slideUp();
    if ($('div#headline').is(':visible')) $('div#headline').fadeOut(1000);
    $('div#content').html("<div id='spinner'><img src='spinner.gif'></div>");
    var url = event.data.page+'.php';
    if (event.data.page == 'band') url += '?id=' + event.data.id;
    $.get(url, {} , function(data){
	$('div#content').html(data);
	var path ="/?p="+event.data.page;
	if (event.data.page == 'band') path += '&id=' + event.data.id;
	window.history.pushState(data, "Title", path);
    }, "html");
}

function setDiapoImg(n) {
    if ($('img#img-diapo').is(':visible'))
	$('img#img-diapo').fadeOut(1000, function(){
	    $('img#img-diapo').attr('src', pad(n, 2) + '.jpg');
	});
    else 
	$('img#img-diapo').attr('src', pad(n, 2) + '.jpg');
    $('img#img-diapo').fadeIn(1000);
}

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

}