/*====================================================================


 ■　top_search.js


--------------------------------------------------------------------*/
/*====================================================================

 □　処理リスト

--------------------------------------------------------------------*/
$(function(){
	topSearchInit()
})

/*====================================================================

 □　エリア検索

--------------------------------------------------------------------*/
var areaPosArray=[
									[{'x':55,'y':85}],//北海道
									[{'x':111,'y':17},{'x':54,'y':87},{'x':171,'y':87},{'x':54,'y':157},{'x':171,'y':157},{'x':111,'y':227}],//東北
									[{'x':104,'y':111},{'x':16,'y':40},{'x':120,'y':40},{'x':223,'y':40},{'x':16,'y':205},{'x':120,'y':205},{'x':223,'y':205}],//関東
									[{'x':54,'y':51},{'x':171,'y':51},{'x':54,'y':122},{'x':171,'y':122},{'x':54,'y':194},{'x':171,'y':194}],//北信越
									[{'x':47,'y':73},{'x':171,'y':73},{'x':47,'y':158},{'x':171,'y':158}],//東海
									[{'x':54,'y':17},{'x':171,'y':17},{'x':54,'y':108},{'x':171,'y':87},{'x':171,'y':157},{'x':111,'y':227}],//近畿
									[{'x':70,'y':85},{'x':176,'y':85},{'x':16,'y':159},{'x':120,'y':159},{'x':223,'y':159}],//中国
									[{'x':47,'y':73},{'x':171,'y':73},{'x':47,'y':158},{'x':171,'y':158}],//四国
									[{'x':54,'y':17},{'x':171,'y':17},{'x':54,'y':87},{'x':171,'y':87},{'x':54,'y':157},{'x':171,'y':157},{'x':54,'y':227},{'x':171,'y':227}]//九州
									]
//
function topSearchInit(){
	$('#top-search-area ul li a').each(function() {
		var oheight = $(this).children(0).height();
    var owidth = $(this).children(0).width();
    var nheight = (oheight + (oheight * 0.25));
   	var nwidth = (owidth + (owidth * 0.25));
    var top = ((oheight - nheight) / 2);
    var left = ((owidth - nwidth) / 2);
		//マウスオーバーで拡大
		$(this).hover(function(){
			$(this).parent().css('zIndex',30)
			$(this).children(0).stop().animate({
          							'height' : nheight+'px',
                        'width' : nwidth+'px',
                        'left' : left+'px',
                        'top' : top+'px'}, 210);
		},function(){
			 $(this).children(0).stop().animate({
                        'left' : '0px',
                        'top' : '0px',
                        'height' : oheight+'px',
                        'width' : owidth+'px'}, 150, function() {
                           $(this).css('height', oheight+'px').parent().parent().css('zIndex', 1);
                        });
		})
		//クリックで都道府県エリア表示
		$(this).click(function(){
			//クリックされたエリアを取得
			var areaNum=$('#top-search-area ul li a').index($(this))
			//背景を表示
			$('#top-search-pref-bg').show().fadeTo(0,0)
			$('#top-search-pref-bg').fadeTo('midium',0.9,function(){
				//該当エリアを表示
				$('#top-search-pref').show()
				var targetArea=$('#top-search-pref ul').eq(areaNum)
				//該当エリアの都道府県の総数
				var tMax=targetArea.find('li').length
				targetArea.show()
				for(var t=0;t<tMax;t++){
					//都道府県
					var tPref=targetArea.find('li').eq(t)
					tPref.fadeTo(0,0).delay(t*80).fadeTo('fast',1)
				}
			})
			//close
			$('#top-search-pref-close').click(function(){
				$('#top-search-pref ul').hide()
				$('#top-search-pref-bg').stop().fadeTo('midium',0,function(){
					$('#top-search-pref-bg').hide()
					$('#top-search-pref').hide()
				})
				return false;
			})
			return false;
		})
	})
	//エリアの総数
	var areaMax=$('#top-search-pref ul').length
	//都道府県のpositionをセット
	for(var ar=0;ar<areaMax;ar++){
		//各都道府県の総数
		var prefMax=$('#top-search-pref ul').eq(ar).find('li').length
		for(var pr=0;pr<prefMax;pr++){
			var prefTarget=$('#top-search-pref ul').eq(ar).find('li').eq(pr)
			//position
			prefTarget.css({'top':areaPosArray[ar][pr].y,'left':areaPosArray[ar][pr].x})
			//マウスオーバーのセット
			prefTarget.hover(function(){
				$(this).fadeTo('fast',0.6)
			},function(){
				$(this).fadeTo('fast',1)
			})
		}
	}
}