window.onload = function() {

	// Perlプログラムに処理を依頼
	new Ajax.Request( "../WaitPicture/", {
			method:"post",
			onComplete:requestComplete
			});
}



// -------------------------------------------------------------------
// Perlプログラムから結果を取得して出力
// -------------------------------------------------------------------
function requestComplete( httpObj ) {

	// memberListエリアをクリア
	$("memberList").innerHTML = "";
	
	// memberListエリアに結果を出力
	$("memberList").innerHTML = httpObj.responseText;
}


// -------------------------------------------------------------------
// アイドルのリストを生成
// -------------------------------------------------------------------
function makeIdolList( url ){

	nowLoading( "現在、画像ファイルの一覧を作成しています" );

	// Perlプログラムに処理を依頼
	new Ajax.Request( "../WaitPicture/" , {
			method:"post",
			parameters:url,
			onComplete:requestComplete
			});
}


// -------------------------------------------------------------------
// Perlプログラムに問合わせ中の表示メッセージ
// -------------------------------------------------------------------
function nowLoading( msg ) {

	var message = "<img src='../img/loading.gif'><br>\n" + msg;

	$("memberList").innerHTML = message;

}

// -------------------------------------------------------------------
// チェックされた画像を No.表記 から SELECTED に変更
// -------------------------------------------------------------------
function checkSendImage( filePath ){

	// 書き換えるHTMLを生成
	var value = "";
	value = value + "\t<font color=\"#FFFFFF\">SELECTED</font><br>\n";
	value = value + "\t<a href=\"javascript:deleteSendImage( '" + filePath + "' );\">";
	value = value + "\t\t<img src=\"/cgi/imageViewer.cgi?p=" + filePath + "&out=jpeg\">";
	value = value + "\t</a>\n";

	// filePathを手掛かりにHTMLを書き換える
	$( filePath ).style.borderColor = "#000000";
	$( filePath ).style.backgroundColor = "#000000";
	$( filePath ).innerHTML = value;

}

// -------------------------------------------------------------------
// チェックされた画像を SELECTED から No.表記に変更
// -------------------------------------------------------------------
function deleteSendImage( filePath ){

	// 書き換えるHTMLを生成
	var value = "";
	value = value + "\tNo." + filePath.substring( 3, 6 ) + "<br>\n";
	value = value + "\t<a href=\"javascript:checkSendImage( '" + filePath + "' );\">";
	value = value + "\t\t<img src=\"/cgi/imageViewer.cgi?p=" + filePath + "&out=jpeg\">";
	value = value + "\t</a>\n";

	// filePathを手掛かりにHTMLを書き換える
	$( filePath ).style.borderColor = "#FF0000";
	$( filePath ).style.backgroundColor = "#FFFFFF";
	$( filePath ).innerHTML = value;

}


// -------------------------------------------------------------------
// QRコード作成
// -------------------------------------------------------------------
function makeQrCode( selected ){

	// チェックされた画像が3枚より多いの場合はエラー
	if( selected.length > 3 ){
		alert( "QRコードを作成するときは、画像は3枚まで指定できます" );
	
	// チェックされた画像が3枚以下の場合に処理開始
	} else {
	
		// URIの後ろに連結する文字
		var param = "";
		for ( i=0; i<selected.length; i++ ) {
			param = param + selected[i];
		}
	
		window.open( '/cgi/makeQrCode.cgi?param=' + param, "window_name", "width=275,height=275,scrollbars=no,resizable=no,status=no" )
	
	}
}


// -------------------------------------------------------------------
// チェックされた画像の数を算出
// -------------------------------------------------------------------
function checkSelectedNum( minNum, maxNum, idolName, means ){

	// 引数の受け取り
	var minNum = minNum;
	var maxNum = maxNum;
	var idolName = idolName;
	var means = means;
	
	// SELECTEDになっているIDを格納する配列
	var selected = new Array();

	// <div>の中身をひとつずつ確認
	while( minNum <= maxNum ){
	
		// 待ち受け画像のナンバリングに10の倍数はない
		if( minNum % 10 == 0 ){
		
			// minNumが10で割り切れる場合、さらにカウントアップ
			minNum++;
			
		}
	
		// IDの名前
		// document.getElementById(XXX)のXXX部分
		var idName = idolName + formatNum( minNum );

		// innerHTMLの取得
		var innerHTMLValue = $( idName ).innerHTML;

		if( innerHTMLValue.substr( 23, 8 ) == "SELECTED" ||  innerHTMLValue.substr( 20, 8 ) == "SELECTED" ){
			
			selected.push( idName );
		
		}
		
		// カウントアップ
		minNum++;

	}
	
	if( selected.length == 0 ){
	
		alert( "画像が1枚も指定されていません。" );
		
	} else {
	
		// 手段によって次に呼ぶメソッドを分岐
		if( means = "QR" ){	makeQrCode( selected ); }
		else if( means == "mail" ){	sendMail( selected ); }

	}

}

function formatNum( num ){

	var src = new String( num );
	var place = 3 - src.length;

	if ( place > 0) {

		while ( place-- > 0) {
			src = "0" + src;
		}

	}

	return src;

}


// -------------------------------------------------------------------
// サブウィンドウを表示
// -------------------------------------------------------------------
function openSubWindow( targetWindow ) {

	// 背景色を変更
	document.body.style.backgroundColor = "#555555";

	// 下層レイヤーにあったコンテンツを表示
	document.getElementById( targetWindow ).style.display = "block";

}

function closeSubWindow( targetWindow ) {

	// 背景色を変更
	document.body.style.backgroundColor = "#FFFFFF";

	// 下層レイヤーにあったコンテンツを消去
	document.getElementById( targetWindow ).style.display = "none";

}