/*==================================================================
//
//  ロールオーバー
//
==================================================================*/
function initClickableArea()
{
	//画像のロールオーバー
	var obj = $(".rollover a img, img.rollover");
	$.each(obj, function() {
		changeBt($(this), $(this));
	});
	//==============================
	//画像の透過
	$(".img_over a img").hover (
		function ()
		{
			$(this).fadeTo(100, 0.7);
		},
		function ()
		{
			$(this).fadeTo(100, 0.999999);
		}
	);
	//==============================
	//テキスト要素のみ
	$(".clickable_area").find("[onclick*='clickLink']").addClass("clickable");
	//
	var obj = $(".clickable_area .clickable");
	$.each(obj, function(){
		var _target = $(this).hover(
			function ()
			{
				$(this).addClass("over");
			},
			function ()
			{
				$(this).removeClass("over");
			}
		);
		//画像のボタンがある場合
		if (_target.find("div").is(".rolloverBt"))
		{
			changeBt(_target.find("a img"), _target);
		}
	});
	//==============================
	//画像を含む時
	$(".clickable_areaContainImg").find("[onclick*='clickLink']").addClass("clickableContainImg");
	//
	var obj = $(".clickable_areaContainImg .clickableContainImg");
	$.each(obj, function(){
		var _target = $(this).append("<span class='imgCover'></span>");
		//
		var imgCover = _target.find(".imgCover").css({
			width: _target.outerWidth(),
			height: _target.outerHeight(),
			background: "url('../images/common/spacer.gif')",
			display: "block",
			position: "absolute",
			top: "0px",
			left: "0px",
			zIndex: "100",
			cursor: "pointer"
		});
		//
		imgCover.hover(
			function ()
			{
				$(this).parent().find("img.mainImg").fadeTo(100, 0.7);
				//
				$(this).parent(".backNumberTopic").find(".backNumberTopicCapBg").animate({
					height: "40px",
					top: "117px"
				}, 100);
				//
				$(this).parent(".backNumberTopic").find("h4").animate({
					top: "117px"
				}, 100);
			},
			function ()
			{
				$(this).parent().find("img.mainImg").fadeTo(100, 0.999999);
				//
				$(this).parent(".backNumberTopic").find(".backNumberTopicCapBg").animate({
					height: "35px",
					top: "122px"
				}, 100);
				//
				$(this).parent(".backNumberTopic").find("h4").animate({
					top: "122px"
				}, 100);
			}
		);
		//
		//画像のボタンがある場合
		if (_target.find("div").is(".rolloverBt"))
		{
			changeBt(_target.find("a img"), _target.find(".imgCover"));
		}
	});
	//
	function changeBt(target, clickableArea)
	{
		var image_cache = new Object();
		//
		target.not("[src*='_on.']").each(function(i) {
			var _this = this; 
			var imgsrc = _this.src;
			var dot = _this.src.lastIndexOf('.');
			var imgsrc_on = _this.src.substr(0, dot) + '_on' + _this.src.substr(dot, 4);
			image_cache[_this.src] = new Image();
			image_cache[_this.src].src = imgsrc_on;
			//
			clickableArea.hover(
				function() { _this.src = imgsrc_on; },
				function() { _this.src = imgsrc; }
			);
		});
	};
}
//
$(document).ready(initClickableArea);


//検索ドロップボックス(国、都市)
function initDropDown(){
	if ($("#search") && $("#search_inner") && (typeof countries != "undefined") && (typeof centers != "undefined")){
		$('#select').change(function(){
			updateSelect($('#select').val());
		});
		updateSelect($('#select').val());
	}
}
function updateSelect(ctr) {
	var countryName = countries[ctr];
	var centersArr = centers[countryName];
	$('#select2').empty();
	//
	var html = "";
	$option_entries = new Array();
	if(centersArr != undefined){
		//国が選択されていた時
		html += '<option value="0">----</option>';
		html += '<optgroup label="'+countryName+'">';
		for(var i = 0 ; i<centersArr.length ; i++){
			//デフォルト選択設定
			var tmp = "";
			if(defaultCity == centersArr[i]){
				tmp = " selected=\"selected\"";
			}
			html += '<option'+tmp+' value="' + centersArr[i] + '">' + centersArr[i] + '</option>';
		}
		html += '</optgroup>';
		$option_entries.push(html);
	}else{
		//国が選択されていなかった時
		for(key in centers){
			if(key != ""){
				html += '<optgroup label="'+key+'">';
			}
			for(var i = 0 ; i<centers[key].length ; i++){
				//デフォルト選択設定
				var tmp = "";
				if(defaultCity == centers[key][i]){
					tmp = " selected=\"selected\"";
				}
				html += '<option'+tmp+' value="' + centers[key][i] + '">' + centers[key][i] + '</option>';
			}
			if(key != ""){
				html += '</optgroup>'
			}
		}
		$option_entries.push(html);
	}
	$('#select2').append($option_entries.join());	
}
$(document).ready(initDropDown);