﻿/*************************************************
* functions with jQuery
* since:	2010-11-25
* last update: 2011-01-11
* create: morita
*************************************************/
/*====================================================================


 ■　function.js


--------------------------------------------------------------------*/


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

 □　初期設定

--------------------------------------------------------------------*/
//-------BOXの高さをそろえるJS-----------------//
document.write('<script type="text/javascript" src="/common/js/fixHeight.js" charset="utf-8" defer="defer"></script>');
//-------popinJS-----------------//



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

 □　処理リスト

--------------------------------------------------------------------*/
$(document).ready(function(){
	//実行する処理を記述
	funcHighlightPages();
	funcRollOver();
	funcPageScroll();
	funcPopup();
	funcHistoryBack()
	funcLoginInput()
	funcTooltip()
	funcMemberTooltip(".overMemberTip")
});

/*--------------------------------------------
	HighlightPages [グローバルナビ制御]
--------------------------------------------*/
function funcHighlightPages(){
	var url=document.URL
	var protocol=document.location.protocol
	var domain=document.domain
	var path=protocol+"//"+domain
	var onHref=url.substring(path.length,url.lastIndexOf("/")+1);
	//
	var hrefFlg=false
	//
	if(onHref=="/member/"){
		onHref=location.search
		if(onHref.indexOf("&")<0){
			onHref=onHref.slice(onHref.indexOf("?"),onHref.length)
		}else{
			onHref=onHref.slice(onHref.indexOf("?"),onHref.indexOf("&"))
		}
		
		//alert(onHref.slice(onHref.indexOf("?"),onHref.indexOf("&")))
		hrefFlg=true
	}
	//
	$('#headNav a[href]').each(function(){
		var a=$(this);
    var hrefSrc=a.attr('href');
		var href
		if(hrefFlg){
			if(hrefSrc.indexOf("&")<0){
				href=hrefSrc.substring(hrefSrc.lastIndexOf("?"),hrefSrc.length)
			}else{
				href=hrefSrc.substring(hrefSrc.lastIndexOf("?"),hrefSrc.indexOf("&"))
			}
		}else{
			href=hrefSrc.substring(0,hrefSrc.lastIndexOf("/")+1)
		}
		//alert(href)
		//
		if(href==onHref){
    	a.each(function(){
					var onSrc=$(this).find('img').attr('src').replace('_off.','_act.')
					$(this).find('img').attr('src',onSrc)
					//
					var tags=$(this).find('img');
					$(this).replaceWith(tags);
      })
		}
	});
}
/*--------------------------------------------
	funcRollOver [ロールオーバー制御]
--------------------------------------------*/
function funcRollOver(){
	var cache = [];
	$('img[src*=_off.],input[src*=_off.]').hover(function(){
           var onSrc=$(this).attr('src').replace('_off.','_on.')
           $(this).attr('src',onSrc)
       },function(){
           var offSrc=$(this).attr('src').replace('_on.','_off.')
           $(this).attr('src',offSrc)
       }).each(function(){
		var cacheImage = $(this)
		var cacheSrc=cacheImage.attr('src').replace('_off.','_on.')
		cacheImage.src = cacheSrc;
		cache.push(cacheImage);
	})
}

/*--------------------------------------------
	funcPageScroll [ページスクロール制御]
--------------------------------------------*/

function funcPageScroll(){
	$(".pagetop a").click(function(e){
		e.preventDefault(); 																
		$((navigator.userAgent.indexOf("Opera") != -1) ? document.compatMode == 'BackCompat' ? 'body' : 'html' :'html,body').animate({scrollTop:0}, 'normal');
	});
}

/*--------------------------------------------
	funcPopup [ポップアップ]
--------------------------------------------*/
function funcPopup(){
	$(".popup").click(function(){
		var def="width=520,height=500,resizable=yes,scrollbars=yes"
		if($(this).attr('rel')!=""){
			def=$(this).attr('rel')
		}
		var w=window.open(this.href,"popup",def);
		w.focus();
		return false;
	});
}

/*--------------------------------------------
	funcHistoryBack [ブラウザの戻る]
--------------------------------------------*/
function funcHistoryBack(){
	$(".historyback").click(function(){
		history.back();
		return false;
	})
}

/*--------------------------------------------
	funcLoginInput [フォームの初期表示]
--------------------------------------------*/
function funcLoginInput(){
	if($('#loginID').val()==""){
		var idSrc="/common/img/side/loginform_bg_id.gif"
		var passSrc="/common/img/side/loginform_bg_pass.gif"
		$('#loginID').css('backgroundImage','url('+idSrc+')')
		$('#loginPass').css('backgroundImage','url('+passSrc+')')
		$('.formInit').focus(function(){
			$(this).css('backgroundImage','none')
			if($(this).attr('id')=="loginID"){
				
					$('#loginPass').css('backgroundImage','none')
			
			}
		}).blur(function(){
			if($(this).val()==''){
				var idName=$(this).attr('id')
				if(idName=="loginID"){
					$(this).css('backgroundImage','url('+idSrc+')')
					
				}else if(idName=="loginPass"){
					$(this).css('backgroundImage','url('+passSrc+')')
				}
			}
		})
	}
}



/*--------------------------------------------
	funcTooltip [ツールチップ]
--------------------------------------------*/
function funcTooltip(){
	$('.tooltip').hover(function(){
			//親要素をposition化
			//$('body').css('position','relative')
			//tooltip要素を追加
			$('body').append('<div class="toolPop"><p>'+$(this).attr('alt')+'</p></div>')
			//座標設定
			var xPos=$(this).offset().left;
			var yPos=$(this).offset().top;
			var toolheight=$('.toolPop').height()+parseInt($('.toolPop').css('padding-top'))+parseInt($('.toolPop').css('padding-bottom'))
			$('.toolPop').css({
					'top':yPos-toolheight,
					'left':xPos
			})
		},function(){
			$('div').remove('.toolPop')
	})
	//保護、削除
	$('.tooltip2').hover(function(){
			//親要素をposition化
			//$('body').css('position','relative')
			//tooltip要素を追加
			$('body').append('<div class="toolPop2"><p>'+$(this).attr('alt')+'</p></div>')
			//座標設定
			var xPos=$(this).offset().left;
			var yPos=$(this).offset().top;
			var toolheight=$('.toolPop2').height()+parseInt($('.toolPop2').css('padding-top'))+parseInt($('.toolPop2').css('padding-bottom'))
			$('.toolPop2').css({
					'top':yPos-toolheight,
					'left':xPos
			})
		},function(){
			$('div').remove('.toolPop2')
	})
}

/*--------------------------------------------
	funcMemberTooltip [メンバーツールチップ]
--------------------------------------------*/
function funcMemberTooltip(tObj){
	$target=$(tObj)
	$overTheWindow=('<div class="overMember clearfix">'+
										'<div class="overMemberProof">'+
											'<ul>'+
												'<li><img src="/common/img/parts/icon/icon_personproof_none.gif" width="14" height="12" alt="本人証明" class="top" /></li>'+
												'<li><img src="/common/img/parts/icon/icon_photoproof_none.gif" width="16" height="12" alt="写真" class="top" /></li>'+
											'</ul>'+
										'</div>'+
										'<div class="overMemberContents">'+
											'<ul>'+
												'<li><span>見た目年齢 ： </span></li>'+
												'<li><span>職業 ： </span></li>'+
												'<li><span>体型 ： </span></li>'+
											'</ul>'+
											'<p>ログイン ： </p>'+
										'</div>'+
									'</div>'
	)
	$target.hover(function(){
		//dataObj
		var dataObj=$(this).siblings('.overMemberData')
		//
		$('body').append($overTheWindow)
		//alert($('.overMember').width())
		var overW=$('.overMember').width()
		var thisW=$(this).width()
		var posX=($(this).offset().left)-(Math.floor(overW/2)-Math.floor(thisW/2))+3
		var posY=($(this).offset().top)-85
		$('.overMember').fadeTo(0,0).css({'top':posY+10,'left':posX})
		//メンバー種別
		$('.overMember').addClass(dataObj.find('.overType').text())
		//証明チェック
		if(dataObj.find('.personFlg').html().match("true")){
			var personAct=$('.overMemberProof ul li').eq(0).find('img').attr('src').replace('_none.','_act.')
			$('.overMemberProof ul li').eq(0).find('img').attr('src',personAct)
		}
		if(dataObj.find('.photoFlg').text().match("true")){
			var photoAct=$('.overMemberProof ul li').eq(1).find('img').attr('src').replace('_none.','_act.')
			$('.overMemberProof ul li').eq(1).find('img').attr('src',photoAct)
		}
		//見た目年齢
		$('.overMemberContents ul li').eq(0).append(dataObj.find('.overAge').text())
		//職業
		$('.overMemberContents ul li').eq(1).append(dataObj.find('.overJob').text())
		//体型
		$('.overMemberContents ul li').eq(2).append(dataObj.find('.overBody').text())
		//ログイン時間
		$('.overMemberContents p').append(dataObj.find('.overLogin').text())
		//
		$('.overMember').animate({'opacity':1,'top':posY},'fast')
	},function(){
		$('.overMember').remove()
	})
}
/*====================================================================

□　Like it（いいね）

--------------------------------------------------------------------*/
function funcLikeit(){
	$('.likeit').bind('click',likeitDid)
	
}
function likeitDid(){
	alert("いいね")
	//
	$(this).unbind('click',likeitDid)
	//
	var target=$(this).find('img')
	var targetSrc
	var mnum=parseInt($(this).parent().find('.likeNum').html())
	//
	if(target.attr('src').match('_did')){
		targetSrc=target.attr('src').replace('_did','_off')
		mnum--
	}else if(target.attr('src').match('_on')){
		targetSrc=target.attr('src').replace('_on','_did')
		mnum++
	}else{
		targetSrc=target.attr('src').replace('_off','_did')
		mnum++
	}
	target.attr('src',targetSrc)
	$(this).parent().find('.likeNum').html(mnum)
	//
	$(this).bind('click',likeitDid)
	//
	return false;
}


/*--------------------------------------------
	funcAccordion [アコーディオン処理]
--------------------------------------------*/
function funcAccordion(){
	//dtの次がddではない場合、not-openクラスを追加
	//alert($('.accordion-section dl dt').next().tagName())
	//ddを全て閉じる
	$('.accordion-section dl dd').hide()
	//dtをクリックしたら
	$('.accordion-section dl dt[class!=not-open]').bind('click',function(){
		$(this).next().toggle('fast')
	}).css('cursor','pointer')
	//all
	$('.accordion-section .accordion-all a').bind('click',function(){
		if($(this).attr('rel')=="full-open"){
			$('.accordion-section dl dd').show('fast')
			$(this).attr('rel','full-close').html("すべて閉じる").css('background','url("/activity/img/communication/icon_minus.gif") 0 50% no-repeat')
		}else{
			$('.accordion-section dl dd').hide('fast')
			$(this).attr('rel','full-open').html("すべて開いて見る").css('background','url("/activity/img/communication/icon_plus.gif") 0 50% no-repeat')
		}
		return false;
	}).css({
		'background':'url("/activity/img/communication/icon_plus.gif") 0 50% no-repeat',
		'padding':'0 0 0 12px'
	})
}





/*--------------------------------------------
	funcPopin [popin実行処理]
--------------------------------------------*/
document.write('<script type="text/javascript" src="/common/js/prettyphoto/jquery.prettyPhoto.js" charset="utf-8"></script>');
$(function(){
	//popin　デフォルト
	$('a[class^="popin"]').prettyPhoto({
	default_width: 500,
	default_height: 420
	});
	//popin　小
	$('a[class^="popin-small"]').prettyPhoto({
	default_width: 500,
	default_height: 200
	});
	//popin　中（縦）
	$('a[class^="popin-midium"]').prettyPhoto({
	default_width: 300,
	default_height: 420
	});
	//popin 大
	$('a[class^="popin-big"]').prettyPhoto({
	default_width: 600,
	default_height: 600
	});
})

