// キャラ設定用変数
var cn_character_id = 0;

function updateCharacterId(id){
	
	cn_character_id = id;
	
}

function setCharacter(){
	
	location.href = "/cnp_mypage/set_character/" + cn_character_id;
	
}


// 地図表示
function openMapDetail(targetObj,id){
	
    var divPos = Ext.get(targetObj);
    var parentPos = Ext.get("cmpny_textArea");
	// ボタンの座標から配置
	xpos = (parentPos.getLeft() + 120) + "px";
	ypos = (divPos.getTop() + 40) + "px";
	if(id == 0){
    $('mapDetail').innerHTML = '<div align="left" style="width:307px; height:390px;">'
+'<div align="right"><a href="javascript:void(0)" onclick="closeMapDetail()"><img src="/charalist/images/chara_popclose.gif" width="84" height="29" alt="閉じる"></a></div>'
+'<img src="/etc/images/map_e.gif" width="307" height="361"></div>';
} else{
$('mapDetail').innerHTML = '<div align="left" style="width:307px; height:390px;">'
+'<div align="right"><a href="javascript:void(0)" onclick="closeMapDetail()"><img src="/charalist/images/chara_popclose.gif" width="84" height="29" alt="閉じる"></a></div>'
+'<img src="/etc/images/map_j.gif" width="307" height="361"></div>';
}
	$('mapDetail').setStyle({
		visibility:'visible',
		position: 'absolute',
		top: '50%',
		left: '40%',
		'z-index':10000
	});
	
}


function closeMapDetail(){
	$('mapDetail').setStyle({
		visibility:'hidden',
		'z-index':10000
	});

}


// チェックボックス一括選択
// nameはページ内のフォームの名称
function checkAll(name, obj, bool){
	
	var len = document.forms[name].elements[obj].length;
	
	if(len){
		for(i=0;i<len;i++){
			document.forms[name].elements[obj][i].checked = bool;
		}
	}else{
		document.forms[name].elements[obj].checked = bool;
	}
	
	
}


// スケジュール詳細表示
function scheduleDetail(obj){
	
    var divPos = Ext.get(obj + "_parent");
	
	// ボタンの座標から配置
	xpos = divPos.getLeft() + "px";
	ypos = divPos.getTop() + "px";

	if( $(obj).style.display == "none" ){
		type = "inline";
	}else{
		type = "none";	
	}
	
	//alert(xpos + ", " + ypos);
	
	$(obj).setStyle({
		display:type,
		top:ypos,
		left:xpos,
		position: 'absolute',
		'z-index':10000
	});
	
	
}

// マイページ右カレンダー表示
function setMypageCalendar(obj, y, m, d){
		
	new Ajax.Request("/cnp_mypage/rightCalendar/"+y+"/"+m+"/"+d , {
			method: 'get',
			onComplete: displayData
		}
    );
    
   function displayData(responseHttpObj){
    	$(obj).innerHTML = responseHttpObj.responseText;
    }
	
}


// ムービーページャ(前へ)
var movieCurrentPage = 1;

function moviePrevPage(total){
		
	movieCurrentPage--;
	
	if(movieCurrentPage < 1){
		movieCurrentPage = total;
	}
	
	// jQueryに書き換え
	$("#movieFooterList").load("/cnp_movies/pager/" + movieCurrentPage);
	
}

function movieNextPage(total){
	
	movieCurrentPage++;
	
	if(movieCurrentPage > total){
		movieCurrentPage = 1;
	}

	// jQueryに書き換え
	$("#movieFooterList").load("/cnp_movies/pager/" + movieCurrentPage);
	
}


function movieDetail(id){
	
	new Ajax.Request("/cnp_movies/detail/" + id , {
			method: 'get',
			onComplete: displayData
		}
    );
        
   function displayData(responseHttpObj){
	   Element.update($('movdetail_ajax'), responseHttpObj.responseText);
   }
	
}



// ニュース詳細表示
function openNewsDetail(targetObj, news_id){
		
	var divPos = Ext.get(targetObj);
	
	// ボタンの座標から配置
	xpos = Math.floor(divPos.getLeft() + 140) + "px";
	ypos = Math.floor(divPos.getTop() + 15) + "px";
		
	new Ajax.Request("/cnp_topics/detail/"+news_id , {
			method: 'get',
			onComplete: displayData
		}
    );
        
    function displayData(responseHttpObj){
	    
        $('newsDetail').innerHTML = responseHttpObj.responseText;
		$('newsDetail').setStyle({
			visibility:'visible',
			left:xpos,
			top:ypos,
			'z-index':10000
		});

    }
		
}

function closeNewsDetail(){
	$('newsDetail').setStyle({
		visibility:'hidden',
		'z-index':10000
	});

}




// 汎用詳細表示
// targetObj クリック対象オブジェクトのID
// divid ajaxのレスポンスを表示するid
// file 読み込むファイルへのパス
function openDetail(targetObj, divid, file){
		
	var divPos = Ext.get(targetObj);
	
	// ボタンの座標から配置
	xpos = Math.floor(divPos.getLeft() - 50) + "px";
	ypos = Math.floor(divPos.getTop() - 40) + "px";
	
	new Ajax.Request(file , { method: 'get', onComplete: displayData });
            
    function displayData(responseHttpObj){
	    
	    Element.update($(divid), responseHttpObj.responseText);
		$(divid).setStyle({
			visibility:'visible',
			left:xpos,
			top:ypos,
			'z-index':10000
		});
				
    }
		
}

function closeDetail(id){
	$(id).setStyle({
		visibility:'hidden',
		'z-index':10000
	});

}

function openSnoopyChara(targetObj, divid, chara){
	
	var divPos = Ext.get(targetObj);
	
	// ボタンの座標から配置
	xpos = Math.floor(divPos.getLeft() - 50) + "px";
	ypos = Math.floor(divPos.getTop() + 80) + "px";
	
	new Ajax.Request("/program_details/snoopy_chara.html" , { method: 'get', onComplete: displayData });
            
    function displayData(responseHttpObj){
	    
	    Element.update($(divid), responseHttpObj.responseText);
		$(divid).setStyle({
			visibility:'visible',
			left:xpos,
			top:ypos,
			'z-index':10000
		});
		
		$("charaname").innerHTML = chara_obj[chara].name;
		$("charadescription").innerHTML = chara_obj[chara].description;
		
    }
	
	
}

function openProgramPop(targetObj, divid, chara){
	
	var divPos = Ext.get(targetObj);
	
	// ボタンの座標から配置
	xpos = Math.floor(divPos.getLeft() - 50) + "px";
	ypos = Math.floor(divPos.getTop() - 100) + "px";
	
	new Ajax.Request("/program_details/jungle_pop.html" , { method: 'get', onComplete: displayData });
    
    function displayData(responseHttpObj){
	    	    
	    Element.update($(divid), responseHttpObj.responseText);
		$(divid).setStyle({
			visibility:'visible',
			left:xpos,
			top:ypos,
			'z-index':10000
		});
		
		$("charaname").innerHTML = chara_obj[chara].name;
		$("charadescription").innerHTML = chara_obj[chara].description;	    
				
    }
	
	
}

/**
 * 郵便番号ajax取得
 * 〒番号のオブジェクトIDをzip
 * 都道府県のオブジェクトIDをpref
 * 市区町村のオブジェクトIDをcity
 */
function searchAddressFromZip(){
		
	if($('#zip').val() && $('#zip').val().search(/[0-9]{7}/i) == -1){
		alert("郵便番号の書式が正しくありません。0000000の書式でご記入ください。");
		return false;
	}

	$.ajax({
		"type":"GET",
		"dataType":"json",
		"url":"/cn_campaigns/getZip/" + $('#zip').val(),
		"success":function(jsonData){
			if( !jsonData || jsonData == "" || jsonData == " " ){
				alert("ご指定の郵便番号が見つかりませんでした。");
			}else{
				if(jsonData.Zip.zip_code){
					// 都道府県
					var childs = $('#pref').children();
					for(var i in childs){
						if( childs[i].text == jsonData.Zip.pref_name){
							$('#pref').val(childs[i].value);
							break;
						}
					}
					// 市区町村
					$('#city').val(jsonData.Zip.city_name + jsonData.Zip.area_name);
				}
			}

		},

		"error":function(){
			alert("ご指定の郵便番号が見つかりませんでした。");
		}

	});

   function displayData(httpObj){

	   	if(!httpObj.responseText){
			alert("ご指定の郵便番号が見つかりませんでした。");	   		
	   	}
	   		   	
   		var jsonData = eval( "(" + httpObj.responseText + ")");
	   		   		
	 	if(jsonData.Zip.zip_code){
	 		
			// 都道府県
			for(var i=0; i<$('pref').options.length; i++){
				if( $('pref').options[i].text == jsonData.Zip.pref_name ){
					$('pref').options[i].selected = true;
					break;
				}
			}
			
			var area = jsonData.Zip.area_name;
			area = area.replace(/（(.*)）/, "");
			
			// 市区町村
			if(area == "以下に掲載がない場合"){
				$('city').value = jsonData.Zip.city_name;
			}else{
				$('city').value = jsonData.Zip.city_name + area;
			}
			
		}
				   	
	}
	
}


// ゲームウインドウ表示
function openGameWin(id, w, h){
	
	window.open("/cnp_games/play/" + id, "window_name", "width="+ w +",height=" + h + ",scrollbars=no,toolbar=no,resizable=no,status=no");
		
}


// グッズページャ(前へ)
var itemCurrentPage = 1;

function itemPrevPage(total,cn_item_category_id){

	itemCurrentPage--;

	if(itemCurrentPage < 1){
		itemCurrentPage = total;
	}

	// jQueryに書き換え
	$("#itemList").load("/cn_items/pager/" + itemCurrentPage + "/" + cn_item_category_id);

}

function itemNextPage(total,cn_item_category_id){

	itemCurrentPage++;

	if(itemCurrentPage > total){
		itemCurrentPage = 1;
	}

	// jQueryに書き換え
	$("#itemList").load("/cn_items/pager/" + itemCurrentPage + "/" + cn_item_category_id);

}

//テーマボックス切り替え
function chgThemeBox(cn_genre_id){
        for(var i=1;i<=8;i++){
            $("#theme"+i+" img").attr("src", "/images/topTheme0"+i+"_off.png");
        }
//        $("#theme"+cn_genre_id+" img").attr("src", "/images/topTheme0"+cn_genre_id+"_on.png");
        
		var alt = $("#theme"+cn_genre_id + " img").attr("alt");
		
		$("#theme"+cn_genre_id).html('<img src="/images/topTheme0'+cn_genre_id+'_on.png" alt="'+ alt +'" />');

        $("#themeList").load("/top/theme_box_list/" + themeCurrentPage + "/" + cn_genre_id + "/1");

		smartRollover();

}


// テーマページャ(前へ)
var themeCurrentPage = 1;

function themePrevPage(total,cn_genre_id){
	themeCurrentPage--;

	if(themeCurrentPage < 1){
		themeCurrentPage = total;
	}

	// jQueryに書き換え
	$("#themeList").load("/top/theme_box_list/" + themeCurrentPage + "/" + cn_genre_id);

}

function themeNextPage(total,cn_genre_id){

	themeCurrentPage++;

	if(themeCurrentPage > total){
		themeCurrentPage = 1;
	}
        
	// jQueryに書き換え
	$("#themeList").load("/top/theme_box_list/" + themeCurrentPage + "/" + cn_genre_id);

}


$(function(){
    $("#gamelist li a").click(function(){
        var key = $(this).attr("src");

        $("#gamelist li").removeClass("recon").addClass("recoff");
        $(this).parent().removeClass("recoff").addClass("recon");

        $("#gamemain0").hide();
        $("#gamemain1").hide();
        $("#gamemain2").hide();
        $("#gamemain3").hide();

        $("#gamemain"+key).fadeIn();

        return false;
    });
});




var isModalAppended = false;
function modal(url, w, h){

	if(!isModalAppended){
		$("body").append('<div id="modalBase"></div><div id="modal"></div>');
		isModalAppended = true;

		$("#modalBase").click(function(){
			$("#modalBase").hide();
			$("#modal").hide();
		});

	}

	$("#modalBase").show();
	$("#modal").show();

	$("#modal").css('width', w);
	$("#modal").css('height', h);
	$("#modal").css('margin-top', -(h / 2) );
	$("#modal").css('margin-left', -(w / 2) );


	$.ajax({
		dataType:"html",
		success:function (data) {
			$("#modal").html(data);
		},
		url:url,
		beforeSend:function(){
			$("#modal").html("");
		}
	});

	if($.browser.msie && $.browser.version < 7){
		$(window).scroll(function(){
			$("#modalBase").css('top',$(document).scrollTop());
			$("#modal").css('top',($(document).scrollTop()+$(window).height()/2) +"px");
		});
	}

}


function closeModal(){
	$("#modalBase").hide();
	$("#modal").hide();
}