$(function(){
	var banner = $("div#pagewrap div#main div#banner");
	if (banner.attr('class') == "slideshow") {
		banner.html("<img id='bannerimage' alt='' /><img id='bannerimage2' alt='' />");
		var bannerimage = $("img#bannerimage");
		var bannerimage2 = $("img#bannerimage2");
		bannerimage.attr({src: "design/banners/banner1.jpg"});

		function showbanner1(i) {
			setTimeout(function(){	
				bannerimage.css({opacity: '0'});	
				bannerimage.attr({src: "design/banners/banner"+i+".jpg"});
				bannerimage2.animate({opacity: '0'},3000);
				bannerimage.animate({opacity: '100'},3000);
				i++;
				if (i==7) {
					i = 1;
				}			
				bannerimage.css('z-index', i);
				bannerimage2.css('z-index', i+1);
				showbanner2(i);
			},5000);
		}
	
		function showbanner2(i) {
			setTimeout(function(){
				bannerimage2.css({opacity: '0'});	
				bannerimage2.attr({src: "design/banners/banner"+i+".jpg"});
				bannerimage.animate({opacity: '0'},3000)
				bannerimage2.animate({opacity: '100'},3000);
				i++;
				if (i==7) {
					i = 1;
				}
				bannerimage2.css('z-index', i);
				bannerimage.css('z-index', i+1);
				showbanner1(i);
			},5000);
		}
	}
	
	showbanner2(2);
});