var curheader = 0;

$(window).load(function(){
    var img1 = new Image();
    img1.src = header1[1];
    var img2 = new Image();
    img2.src = header2[1];
    setTimeout(switchheader, 2000);
});

function switchheader() {
    var speed = 2000;
    curheader++;
    if (curheader >= header1.length) { curheader = 0; }
    crossfade(speed);
    var next = curheader + 1;
    if (next >= header1.length) { next = 0; }
    var img1 = new Image();
    img1.src = header1[next];
    var img2 = new Image();
    img2.src = header2[next];
    setTimeout(switchheader, 5000);
}

function crossfade(speed) {
    var o1 = $('#imgheader1 img');
    var o2 = $('#imgheader2 img');
    var n1 = $('<img />').attr('src', header1[curheader]);
    n1.css({'position':'absolute', 'top':0, 'left':0, 'opacity':0});
    n1.appendTo('#imgheader1');
    var n2 = $('<img />').attr('src', header2[curheader]);
    n2.css({'position':'absolute', 'top':0, 'left':0, 'opacity':0});
    n2.appendTo('#imgheader2');
    n1.animate({'opacity':1}, speed, function(){ o1.remove(); });
    n2.animate({'opacity':1}, speed, function(){ o2.remove(); });
}

$(document).ready(function(){
	$('#header ul li a').click(function(){
		document.getElementById('clicksound').play();
	});
});