/**
 * 変数設定
 */
//サウンド再生・停止
var soundAvailable = 0;
var maxPage_live = 0;
var maxPage_topics = 0;
var presentPage_live = 1;
var presentPage_topics = 1;

/**
 * セッティング
 */
//要素をタブ化
function tabSetting(){
	$("#tabSection").tabs({
		fx: {opacity: "toggle", duration: "normal"}
	});
}

//要素をアコーディオン化
function accordion(){
	$("#accordionSection").accordion({
		header: "h3",
		fillSpace: true,
		height: 300,
		speed: 300
	});
}

//ダイアログを初期化
function dialogSetting(){
	$("#dialogSection").dialog({
		bgiframe: true,
		autoOpen: false,
		modal: true,
		position: "center",
		buttons: {
			'閉じる': function(){
				$(this).dialog("close");
			}
		}
	});
	//photo
	$("#photoDialog").dialog({
		width: 540,
		height: "auto",
		bgiframe: true,
		autoOpen: false,
		modal: false
	});
}

//イベントのセッティング
function eventSetting(){
	//プロフィール切り替え
	$("#prof1").live("click",function(){
	$("#prof2").show();
		$("#prof1").hide();
	});
	$("#prof2").live("click",function(){
		$("#prof1").show();
		$("#prof2").hide();
	});
	$("#profImg_juliy").live("click",function(){
		$("#prof_juliy").show();
		$("#prof_PD").hide();
	});
	$("#profImg_YOSHIKATSU").live("click",function(){
		$("#prof_YOSHIKATSU").show();
		$("#prof_PD").hide();
	});
	$("#prof_juliy").live("click",function(){
		$("#prof_juliy").hide();
		$("#prof_PD").show();
	});
	$("#prof_YOSHIKATSU").live("click",function(){
		$("#prof_YOSHIKATSU").hide();
		$("#prof_PD").show();
	});
	
	//ライブ情報ページング
	$(".changeLivePage").live("click",function(){
		changeLivePage($(this).attr("id"));
	});
	//ライブ詳細閲覧
	$(".viewLiveDetail").live("click",function(){
		viewLiveDetail($(this).attr("id"));
	});
	//ライブ情報一覧へ戻る
	$("#backToLiveInfo").live("click",function(){
		$("#liveDetail").hide()
		$("#liveInfo").show();
	});
	
	//トピックスページング
	$(".changeTopicsPage").live("click",function(){
		changeTopicsPage($(this).attr("id"));
	});
	
	/**
	 * movieのイベントハンドラ
	 */
	// 並び替え
	$("#sort > a").live("click",function(){
		searchHistory({"orderby": this.id, "page":1});
	});

	// 前へ
	$("#back").live("click",function(){
		if (searchCond.page <= 1) return;
		searchHistory({"page": searchCond.page-1});
	});

	// 次へ
	$("#next").live("click",function(){
		if (searchCond.page*VIEW_COUNT+1 > searchCond.total) return;
		searchHistory({"page": searchCond.page+1});
	});
	
	//アルバムトップ写真押下
	$(".singlePhoto").live("click",function(){
		$("#photoDialog").children().remove();
		var $photoDialog = $("#photoDialog")
			.append('<iframe src="./photo.html?pId=' + $(this).attr("id") + '" id="photoFrame" frameborder="0" style="width:480;height:480;"/>')
			.dialog('option', 'title', 'Photo')
			.dialog('open');
	});

	//問い合わせダイアログを開く
	$(".openDialog").live("click",function(){
		$("#dialogSection").children().remove();
		var $contactDialog = $("#dialogSection")
		.append('<iframe src="./contact.html" id="contactFrame" frameborder="0" style="width:500;height:540;"/>')
		.dialog('option', 'title', 'Contact')
		.dialog('option', 'height', 'auto')
		.dialog('option', 'width', 560)
		.dialog('open');
	});
	//サウンドのイベント
	$("body").live("click",function(){
		if(soundAvailable == 0){
			$.sound.enabled = false;
			soundAvailable == 1;
		}else{
			$.sound.enabled = true;
			soundAvailable == 0;
		}
	});
}

/**
 * LiveInfoレイアウト作成
 */
function createLiveInfo(){
	presentPage_live = 1;
	$("#liveInfo").children().remove();
	var pageNo = 1;
	$.each(liveInfo, function(i, row) {
		if(row[1] != "null"){
			var splitDate = row[1].split(" ")[0];
			var convertedDate = new Date(splitDate.split("-")[0], splitDate.split("-")[1] - 1, splitDate.split("-")[2]);
			var week = new Array("日", "月", "火", "水", "木", "金", "土");
			var dayOfWeek = week[convertedDate.getDay()];
			var liveDate = splitDate.split("-")[0] + "年" + splitDate.split("-")[1] + "月" + splitDate.split("-")[2] + "日" + "(" + dayOfWeek + ")";
		}else{
			var liveDate = "";
		}
		
		if(i == 0){
			$('<div style="display:none;" id="liveInfo_' + pageNo + '">').appendTo("#liveInfo");
		}else if(i != 0 && i % 6 == 0){
			pageNo++;
			$('<div style="display:none;" id="liveInfo_' + pageNo + '">').appendTo("#liveInfo");
		}
		$('#liveInfo_' + pageNo)
			.append('<span class="viewLiveDetail" id="' + splitDate + '_' + i + '"><p>' + liveDate + '</p><p><strong>' + replaceStr(row[0]) + '</strong></p><p>@' + replaceStr(row[6]) + '</p></span><br/>');
		
		//nextLive
		if(row[24] == "true"){
			$('#nextLiveInfo_top')
				.append('<span><p>' + liveDate + '</p><br/><p style="font-size:30px;">' + replaceStr(row[0]) + '</p><p>@' + replaceStr(row[6]) + '</p></span><br/>')
				.append('各種お問い合わせは<span class="openDialog" style="font-size:25px;cursor:pointer;cursor:hand;text-decoration:underline;"><strong><em>こちら!!</em></strong></span>');
				//.append('<span><p>' + replaceStr(row[2]) + '<br/>' + replaceStr(row[4]) + '</p></span>');
		}
	});
	maxPage_live = pageNo;
	
	$("#liveInfo")
		.append('<div><span class="changeLivePage" id="liveInfoFirstPage">最初のページへ</span>  |  <span class="changeLivePage" id="liveInfoLastPage">戻る</span>  |  <span class="changeLivePage" id="liveInfoNextPage">次へ</span><span id="LiveInfoPageNo"></span><div>');
	$("#LiveInfoPageNo").children().remove();
	$("#LiveInfoPageNo").append('<p>' + presentPage_live + '/' + maxPage_live + '</p>');
	
	$("#liveInfo_" +  presentPage_live).show();
	$("#liveInfo").show();
}

function viewLiveDetail(liveId){
	var no = liveId.split("_")[1];
	var date = liveId.split("_")[0];
	var livehouse = "";
	if(liveInfo[no][6] != "" && liveInfo[no][6] != "null"){
		if(liveInfo[no][9] != "" && liveInfo[no][9] != "null"){
			livehouse = '<br/><a href="' + liveInfo[no][9] + '" target="_brank">' + liveInfo[no][6] + '</a>';
		}else{
			livehouse = "<br/>" + liveInfo[no][6];
		}
	}else{
		livehouse = "";
	}
	
	$("#liveDetail").children().remove();
	$("#liveInfo").hide();
	
	$('<div/>')
		.append(date + '<br/>' + replaceStr(liveInfo[no][0]) + livehouse + '<br/><br/>')
		.append(replaceStr(liveInfo[no][2]) + "【出演】" + replaceStr(liveInfo[no][4]) + "<br/><br/>")
		.append('<span id="backToLiveInfo">戻る</span>')
		.appendTo("#liveDetail");
	$("#liveDetail").show();
}

function changeLivePage(id){
	switch(id){
		case "liveInfoNextPage":
			if(presentPage_live != maxPage_live){
				presentPage_live++;
			}
		break;
		case "liveInfoLastPage":
			if(presentPage_live != 1){
				presentPage_live--;
			}
		break;
		case "liveInfoFirstPage":
			presentPage_live = 1;
		break;
		default:
		break;
	}
	
	for(var i = 1; i < maxPage_live + 1; i++){
		$("#liveInfo_" + i).hide();
	}
	$("#LiveInfoPageNo").children().remove();
	$("#LiveInfoPageNo").append('<p>' + presentPage_live + '/' + maxPage_live + '</p>');
	
	$("#liveInfo_" +  presentPage_live).show();
}

/**
 * topicsレイアウト作成
 */
function createTopPage(){
	presentPage_topics = 1;
	$("#topics_top").children("div").remove();
	var pageNo = 1;
	$.each(topics, function(i, row) {
		if(row[1] != "null"){
			var splitDate = row[1].split(" ")[0];
			var convertedDate = new Date(splitDate.split("-")[0], splitDate.split("-")[1] - 1, splitDate.split("-")[2]);
			var week = new Array("日", "月", "火", "水", "木", "金", "土");
			var dayOfWeek = week[convertedDate.getDay()];
			var topDate = splitDate.split("-")[0] + "年" + splitDate.split("-")[1] + "月" + splitDate.split("-")[2] + "日" + "(" + dayOfWeek + ")";
		}else{
			var topDate = "";
		}
		
		if(i == 0){
			$('<div style="display:none;" id="topics_' + pageNo + '">').appendTo("#topics_top");
		}else if(i != 0 && i % 2 == 0){	//1ページの最大件数を指定
			pageNo++;
			$('<div style="display:none;" id="topics_' + pageNo + '">').appendTo("#topics_top");
		}
		
		$('#topics_' + pageNo)
			.append('<span id="' + splitDate + '_' + i + '"><p>' + topDate + '</p><p>【' + replaceStr(row[0]) + '】</p><p>' + replaceStr(row[3]) + '</p></span><br/>');
	});
	maxPage_topics = pageNo;
	
	$("#topics_top")
		.append('<div><span class="changeTopicsPage" id="topicsFirstPage">最初のページへ</span>  |  <span class="changeTopicsPage" id="topicsLastPage">戻る</span>  |  <span class="changeTopicsPage" id="topicsNextPage">次へ</span><span id="TopicsPageNo"></span><div>');
	$("#TopicsPageNo").children().remove();
	$("#TopicsPageNo").append('<p>' + presentPage_topics + '/' + maxPage_topics + '</p>');
	
	$("#topics_" +  presentPage_topics).show();
	$("#topics_top").show();
}

function changeTopicsPage(id){
	switch(id){
		case "topicsNextPage":
			if(presentPage_topics != maxPage_topics){
				presentPage_topics++;
			}
		break;
		case "topicsLastPage":
			if(presentPage_topics != 1){
				presentPage_topics--;
			}
		break;
		case "topicsFirstPage":
			presentPage_topics = 1;
		break;
		default:
		break;
	}
	
	for(var i = 1; i < maxPage_topics + 1; i++){
		$("#topics_" + i).hide();
	}
	$("#TopicsPageNo").children().remove();
	$("#TopicsPageNo").append('<p>' + presentPage_topics + '/' + maxPage_topics + '</p>');
	
	$("#topics_" +  presentPage_topics).show();
}

/**
 * ファンクション
 */
//メイン画面を表示
function showMain(){
	$("#topImg").fadeOut(2000,function(){
		$("#wrapper").fadeIn("slow");
	});
}

function replaceStr(str){
	var convertedStr = str == "null" ? convertedStr = "" : convertedStr = str;
	return convertedStr;
}
