window.addEvent("domready",function(){
									
	var ImageSrc = ["/img/main_vis_c.gif","/img/main_vis_01.jpg","/img/main_vis_02.jpg","/img/main_vis_03.jpg"];
	var slideshow = $$("div")[0];
	var fx = [];
	var next = prev = 0;
	
	slideshow.setStyle("background","url(ajax-loader.gif) no-repeat center center");
	
	//Class Assets
	new Asset.images(ImageSrc,{
		onProgress:function(counter, index){
			//console.log(counter, index);
		},
		onComplete: function(){
			
			ImageSrc.each(function(src,index){
								   
				var bg = new Element("div",{"id":"mainVis"+index,
					styles:{
						"height":"342px",
						"width":"950px",
						"background":"url("+src+") no-repeat center center",
						"position":"absolute",
						"z-index":0
						}
					});
				
				slideshow.setStyle("background","none");
				
				bg.inject(slideshow.getLast(),"after");
				
				fx[index] = new Fx.Tween(bg,{duration:2000,property:"opacity"}).set(0);
				
			});
			
			fx[0].start(1);
			
			next++;
			Repeat.delay(6000);
			
		},
		onError:function(){
			alert("イメージの読み込みに失敗しました");
		}
	});
		
	var Repeat = (function(){
		//console.log("next:"+next,"prev:"+prev);
		fx[prev].start(0);
		fx[next].start(1);
		
		next = (ImageSrc.length-1 > next ) ? next+1 : 0;
		prev = (0 > next-1)? ImageSrc.length-1 : next-1;
		Repeat.delay(6000);
	});
});