// JavaScript Document

//$(function(){
	//		$("h1:not(:animated)").animate({
//				marginTop : "200px"
//				},4000,"swing");
//});


function funcTest(){
	var flag = 1000;
	var side = $('#side_navi:not(:animated)');
	side.css({
		
		marginTop:"250px"
	});
	//side.fadeIn(3000);
	side.animate({ marginTop : "0px", opacity : 1},
	{
		queue: false,
		duration: flag,
		easing : "easeOutBack"
	}).fadeIn(flag);
}


$(window).load(function(){
	
	funcTest(); //関数呼び出し
	$(".pic03").fadeIn(3500);
	var logo01 = $('.logo01:not(:animated)');
	var logo02 = $('.logo02:not(:animated)');
	
	logo01.fadeIn(3500);
	
	var INTERVAL = 9000;　//セットインターバル用の変数（実行する間隔）
	setInterval(function(){
	for(i = 3; i < 6; i++ ){
		if( i == 5 ){
			j = 3;
		}
		else{
			j = i + 1;
		}
		if( $( ".pic0" + i ).css( "display" ) != "none" ){
			$( ".pic0" + i ).fadeOut(3500);
			$( ".pic0" + j ).fadeIn(3500);
			if (i == 3) {
				logo01.animate({
					top : "10px",
					left : "350px"
				},1000);
				logo02.animate({
					top : "10px",
					left : "350px"
				},1000,function(){
					logo01.fadeOut(2000);
					logo02.fadeIn(2000);
				});
			} else if(i == 4) {
				logo01.animate({
					top : "200px",
					left : "300px"
				},1100);
				logo02.animate({
					top : "200px",
					left : "300px"
				},1100,function(){
					logo02.fadeOut(2000);
					logo01.fadeIn(2000);
				});
			} else {
				logo01.animate({
					top : "90px",
					left : "260px"
				},1000);
				logo02.animate({
					top : "90px",
					left : "260px"
				},1000);
			}
			break;
		}
	}
},INTERVAL);
});