//-------------------------------------------------------------------
// ランダムイメージ
//-------------------------------------------------------------------

function randomImage () {
  if (Math.random() < 0.6) {
    document.getElementById ('img_left').src = 'images/top_stone_l.jpg';
    document.getElementById ('img_right').src = 'images/top_stone_r.jpg';
  } else {
    document.getElementById ('img_left').src = 'images/top_tree_l.jpg';
    document.getElementById ('img_right').src = 'images/top_tree_r.jpg';
  }
}


// -------------------------------------------------------------------
// フェードイン・フェードアウト
// -------------------------------------------------------------------

var flag = true;

var imageList = new Array ();

// 以下の配列は表示される順序で並べてください。

imageList[0] = new Object ();
imageList[0].left = new Image ();
imageList[0].left.src = '../images/top_leaf_L.jpg';
imageList[0].right = new Image ();
imageList[0].right.src = '../images/top_leaf_R.jpg';

imageList[1] = new Object ();
imageList[1].left = new Image ();
imageList[1].left.src = '../images/cover_A_L.jpg';
imageList[1].right = new Image ();
imageList[1].right.src = '../images/cover_A_R.jpg';

imageList[2] = new Object ();
imageList[2].left = new Image ();
imageList[2].left.src = '../images/top_neck_L.jpg';
imageList[2].right = new Image ();
imageList[2].right.src = '../images/top_neck_R.jpg';

imageList[3] = new Object ();
imageList[3].left = new Image ();
imageList[3].left.src = '../images/cover_B_L.jpg';
imageList[3].right = new Image ();
imageList[3].right.src = '../images/cover_B_R.jpg';

var pic_left00;
var pic_right00;
var pic_left01;
var pic_right01;


function fadeImage () {
	imageList.push (imageList.shift ());
	if (flag) {
		pic_left01.src = imageList[0].left.src;
		pic_right01.src = imageList[0].right.src;
		$('#pic_left00').fadeOut('slow');
		$('#pic_right00').fadeOut('slow');
		flag = false;
	} else {
		pic_left00.src = imageList[0].left.src;
		pic_right00.src = imageList[0].right.src;
		$('#pic_left00').fadeIn('slow');
		$('#pic_right00').fadeIn('slow');
		flag = true;
	}
}

$(document).ready (function () {
	pic_left00 = document.getElementById ('pic_left00');
	pic_right00 = document.getElementById ('pic_right00');
	pic_left01 = document.getElementById ('pic_left01');
	pic_right01 = document.getElementById ('pic_right01');
});

var timerID = setInterval('fadeImage()', 5000);