var imgs=new Array();
var txts=new Array();
imgs[0]="/images/hype/slide1.jpg";
imgs[1]="/images/hype/slide2.jpg";
imgs[2]="/images/hype/slide3.jpg";
txts[0]='http://www.hyperion.co.jp/images/newHype/text1.png';
txts[1]='http://www.hyperion.co.jp/images/newHype/text2.png';
txts[2]='http://www.hyperion.co.jp/images/newHype/text3.png';
var i=-1;
var time=0;
function slide(){
	i=(i+1)%3;
    var img = new Image();
	var caption=new Image();
    $(img).load(function () {

		$(caption).load(function(){
       		 $("#slider").fadeOut(2000);
			 $("#caption").fadeOut(2000);
			 setTimeout("showText()",3000);
			 setTimeout("showImage()",5000);
        	 setTimeout("slide()",9000);
		}).attr('src',txts[i]);


    }).attr('src',imgs[i]); 

}
function showText(){
	$("#caption").css('background-image',"url("+txts[i]+")");
	$("#caption").fadeIn(2000);
}
function showImage(){
	$("#slider").css('background-image',"url("+imgs[i]+")");
	$("#slider").fadeIn(2000);
}
slide();