$(function() {
	var ck_ads = $.cookie('ck_ads');
	if (ck_ads != '' && ck_ads != 0) {
		new $.ajax({ 
			url: './json/getShiten.asp', 
			type: 'POST',
			data: {
				'ads_ken_cd': ck_ads
			}, 
			dataType: 'json'
		});
	}

	//マウスオーバー処理
	$("#live div.main div.conts h3 > a , #mailmagazine div p.btn_mm_entry > a").hover(function(){ $(this).find("img").animate({ opacity: 0.6 }, 300); }, function(){ $(this).find("img").animate({ opacity: 1.0 }, 300); });

});

//お近くの支店を描画
function getShiten(pDtJSON){
	var html=[];
	var dtJSON = pDtJSON
	
	html.push('<h2><img src="images/t_shiten.gif" alt="お近くの支店" width="113" height="30" /></h2>');
	html.push("<p>支店名にマウスを当てると、住所・電話番号など詳細がご覧いただけます。</p>");
	html.push('<ul>');

	//レコード数実施
	for(var i = 0; i < dtJSON.ITEMS.length; i++){
		html.push('<li>');
		html.push('<a href="' + dtJSON.ITEMS[i].URL + '"><strong>' + dtJSON.ITEMS[i].KY_NM + '</strong></a>');
		html.push('<div class="balloon">');
		html.push('<div class="add">');
		html.push('<p>' + dtJSON.ITEMS[i].ADS_NM + '</p>');
		html.push('<p class="btn_map"><a href="/officeHP/shiten_map.asp?jigyo_cd=' + dtJSON.ITEMS[i].JG_CD + '" title="地図">地図</a></p>');
		html.push('</div>');
		html.push('<div class="details">');
		html.push('<ul>');
		html.push('<li>支店名：<a href="' + dtJSON.ITEMS[i].URL + '">' + dtJSON.ITEMS[i].KY_NM + '</a></li>');
		html.push('<li>電話番号：' + dtJSON.ITEMS[i].TEL + '</li>');
		html.push('</ul>');
		html.push('<p class="btn_details"><a href="' + dtJSON.ITEMS[i].URL + '" title="詳細を表示">詳細を表示</a></p>');
		html.push('</div>');
		html.push('</div>');
		html.push('</li>');
	}
	html.push('<div class="clearfix">');
	html.push('<p class="txtlink_all"><a href="../kyoten/index.html">全国の支店から探す</a></p>');
	html.push('</div>');

	//出力
	$("div.floatR div.shiten").append(html.join(""));


	//バルーンのポップアップ制御
	$("div.floatR div.shiten li").find("div.balloon").prepend("<div class=\"top_balloon\"></div>");
	$("div.floatR div.shiten li:nth-child(3n)").find("div.balloon").css({
		backgroundImage: "url('images/bg_balloon02.png')",
		left: "-213px"
	});
	$("div.floatR div.shiten li").each(function(){
		$(this).hover(function(){
				$(this).find("div.balloon").fadeIn();
			},function(){
				$(this).find("div.balloon").hide();
			});
	});


}