$(function(){
	//topSpot()
	topArea()
	topTrend()
	topNew()
	topCmp()
})

/*--------------------------------------------
	top_spot
--------------------------------------------*/
function topSpot(){
	var spotJson=$('.top-pop-spot-list .dataPath a').attr('href')
	//
	var spotArr=new Array()
	//
	$.getJSON(spotJson,function(json) {
			var spotObj=json.spot
			var r=spotObj.shuffle()
			var sMax=3
			if(sMax>spotObj.length){
				sMax=spotObj.length
			}
			for(var s=0;s<3;s++){
				$s='<div class="top-pop-spot-box">'+
						'<p class="pref">'+r[s].pref+'</p>'+
						'<dl class="clearfix">'+
							'<dt><img src="'+r[s].icon+'" width="40" height="35" alt="" /></dt>'+
							'<dd>'+
								'<p class="spot-tit"><a href="'+r[s].spoturl+'">'+r[s].spotname+'</a></p>'+
								'<p class="spot-num">いまココ数 '+r[s].spotnum+'</p>'+
							'</dd>'+
						'</dl>'+
					'<!--- /top-pop-spot-box ---></div>'
				spotArr.push($s)
			}
			$('.top-pop-spot-list').empty().append(spotArr.join(""))
	})
	$(".top-pop-spot-list.fixHeight").fixHeight();
}

/*
<div class="top-pop-spot-box">
				<p class="pref">東京都 渋谷区</p>
				<dl class="clearfix">
					<dt><img src="/spot/img/map/category/cat_icon_1-01.png" width="40" height="35" alt="" /></dt>
					<dd>
						<p class="spot-tit"><a href="/">あなろぐカフェ</a></p>
						<p class="spot-num">いまココ数 192</p>
					</dd>
				</dl>
			<!--- /top-pop-spot-box ---></div>
*/

/*--------------------------------------------
	top_area
--------------------------------------------*/
function topArea(){
	var areaJson=$('.top-pop-area-list .dataPath a').attr('href')
	//
	var areaArr=new Array()
	//
	$.getJSON(areaJson,function(json) {
			var areaObj=json.area
			var r=areaObj.shuffle()
			var aMax=3
			if(aMax>areaObj.length){
				aMax=areaObj.length
			}
			for(var a=0;a<3;a++){
				$a='<li id="top-area-bg'+a+'"><a href="/member/index.cfm?event=member:spotSearchMap&PREFSEARCH='+r[a].prefnum+'"><em class="f16">'+r[a].areaname+'</em><br>の出会いマップ</a></li>'
				/*
				$a='<div class="top-pop-area-box">'+
						'<p class="pref">'+r[a].pref+'</p>'+
						'<dl class="clearfix">'+
							'<dt><img src="'+r[a].icon+'" width="40" height="35" alt="" /></dt>'+
							'<dd>'+
								'<p class="spot-tit"><a href="'+r[a].prefnum+'">'+r[a].areaname+'</a></p>'+
							'</dd>'+
						'</dl>'+
					'<!--- /top-pop-area-box ---></div>'
				*/
				areaArr.push($a)
			}
			$('.top-pop-area-list').empty().append(
				'<ul class="clearfix">'+
				areaArr.join("")+
				'</ul>'
			)
	})
}

/*--------------------------------------------
	top_trend
--------------------------------------------*/
function topTrend(){
	var trendJson=$('.member-trend-list .dataPath a').attr('href')
	//
	var trendArr=new Array()
	//
	$.getJSON(trendJson,function(json) {
			var trendObj=json.trend
			var r=trendObj.shuffle()
			var tMax=3
			if(tMax>trendObj.length){
				tMax=trendObj.length
			}
			for(var t=0;t<tMax;t++){
				var tID=r[t].trendcatid
				if(tID.length<2){
					tID="0"+tID
				}
				var category='/profile/img/tit/tit_hobby_'+tID+r[t].trendcat+'.gif'
				$t='<div class="member-trend-box">'+
						'<div class="member-trend-box-left overMemberTip">'+
							'<p><a href="'+r[t].memberurl+'">'+r[t].avatar+'</a></p>'+
						'<!--- /member-trend-box-left ---></div>'+
						'<div class="member-trend-box-right">'+
							'<div class="trend-comment"><p><a href="'+r[t].trendurl+'">'+r[t].trend+'</a></p></div>'+
								'<p class="member-trend-name"><a href="'+r[t].memberurl+'"><em>'+r[t].name+'</em></a></p>'+
								'<p class="member-trend-age">'+r[t].age+' '+r[t].pref+'</p>'+
								'<p class="member-trend-cat"><img src="'+category+'"></p>'+
							'<!--- /member-trend-box-right ---></div>'+
							'<ul class="overMemberData none">'+
								'<li class="overType">'+r[t].overType+'</li>'+
								'<li class="overAge">'+r[t].overAge+'</li>'+
								'<li class="overJob">'+r[t].overJob+'</li>'+
								'<li class="overBody">'+r[t].overBody+'</li>'+
								'<li class="overLogin">'+r[t].overLogin+'</li>'+
								'<li class="personFlg">'+r[t].personFlg+'</li>'+
								'<li class="photoFlg">'+r[t].photoFlg+'</li>'+
							'</ul>'+
						'<!--- /member-trend-box ---></div>'
				trendArr.push($t)
			}
			$('.member-trend-list').empty().append(trendArr.join(""))
			funcMemberTooltip(".member-trend-box .overMemberTip")
	})
}

/*--------------------------------------------
	top_new
--------------------------------------------*/
function topNew(){
	var newJson=$('.member-list .dataPath a').attr('href')
	//
	var newArr=new Array()
	//
	$.getJSON(newJson,function(json) {
			var newObj=json.member
			var r=newObj.shuffle()
			var nMax=6
			if(nMax>newObj.length){
				nMax=newObj.length
			}
			for(var n=0;n<nMax;n++){
				$n='<div class="member-list-box">'+
							'<p class="mb03 overMemberTip"><a href="'+r[n].memberlink+'">'+r[n].avaimg+'</a></p>'+
							'<p class="lh14 f11 center"><a href="'+r[n].memberlink+'"><em>'+r[n].membername+'</em></a><br /><span>'+r[n].residence+'</span></p>'+
							'<p class="f10 glay999 lh01">見た目:'+r[n].ageabout+'</p>'+
							'<ul class="overMemberData none">'+
								'<li class="overType">'+r[n].overType+'</li>'+
								'<li class="overAge">'+r[n].overAge+'</li>'+
								'<li class="overJob">'+r[n].overJob+'</li>'+
								'<li class="overBody">'+r[n].overBody+'</li>'+
								'<li class="overLogin">'+r[n].overLogin+'</li>'+
								'<li class="personFlg">'+r[n].personFlg+'</li>'+
								'<li class="photoFlg">'+r[n].photoFlg+'</li>'+
							'</ul>'+
						'<!--- /member-list-box ---></div>'
				newArr.push($n)
			}
			$('.member-list').empty().append(newArr.join(""))
			funcMemberTooltip(".member-list-box .overMemberTip")
	})
}

/*
<div class="member-list-box">
				<p class="mb03 overMemberTip"><a href="/"><img src="/common/img/avatar/dmy/fix_09.png" width="88" height="123" alt="" /></a></p>
				<p class="mb05 lh01 f11"><a href="/"><em>ああああああああ</em></a> <span>神奈川</span></p>
				<p class="f10 glay999 lh01">見た目:30代後半</p>
				<ul class="overMemberData none">
					<li class="overType">visitor</li>
					<li class="overAge">30代前半</li>
					<li class="overJob">会社員（マスコミ・出版関連）</li>
					<li class="overBody">普通</li>
					<li class="overLogin">5分前</li>
					<li class="personFlg">true</li>
					<li class="photoFlg">true</li>
				</ul>
			<!--- /member-list-box ---></div>
*/



/*--------------------------------------------
	ランダム生成
--------------------------------------------*/
Array.prototype.shuffle = function(){
    var i = this.length;
    while(i){
        var j = Math.floor(Math.random()*i);
        var t = this[--i];
        this[i] = this[j];
        this[j] = t;
    }
    return this;
}


/*--------------------------------------------
	top_cmp
--------------------------------------------*/
function topCmp(){
	if($('#top-cmp-btn').length>0){
		//
		var defY=$('#top-cmp-container').css('top')
		defY=parseInt(defY.slice(0,-2))
		//
		$('#top-cmp-btn').click(function(){
			var defY=$('#top-cmp-container').css('top')
			defY=parseInt(defY.slice(0,-2))
			$('#top-cmp-container').css('top',defY+20+'px')
			$('#top-cmp-container').stop().show().animate({
							top:defY+'px'
			},'fast',function(){$('#top-cmp').show()})
		}).css('cursor','pointer')
		//
		$('#top-cmp-close').click(function(){
			$('#top-cmp').hide()					 
			$('#top-cmp-container').stop().animate({
							top:defY+20+'px'
			},'fast',function(){$(this).hide().css('top',defY+'px')})
		})
	}
	//
	
}