var images;
var currentImage;
function loadImages(){
currentImage = 1;
$('#slideshow').html('<img src="images/loading.gif" alt="" />')
images = new Array();
	for(i=1;i<=9;i++){
		images[i] = new Image();
		images[i].src = 'images/slideshow/'+i+'.jpg';
	}	
$('#slideshow').html('<div id="img1"><img src="images/slideshow/1.jpg" width="450" alt="" /></div><div id="img2"><img src="images/slideshow/1.jpg" width="450" alt="" /></div>');
setTimeout(play,1000);
}
$(document).ready(loadImages);
function play(){
currentImage++;
var img = images[(currentImage%8)];
if(currentImage%2){
$('#img1 img').hide(10);
$('#img1 img').attr('src',img.src);
$('#img1 img').fadeIn(2000);
$('#img2 img').fadeOut(2000);
}
else{
$('#img2 img').hide(10);
$('#img2 img').attr('src',img.src);
$('#img2 img').fadeIn(2000);
$('#img1 img').fadeOut(2000);
}
setTimeout(play,5000);
}