/*------------------------------------------------------------
絵文字入力
------------------------------------------------------------*/

function change_cap()
{
	var rnd = Math.random();
	$("#image_cap img").attr("src","/users/image_cap/?r="+rnd);
	
}


function open_emoji_say()
{
	if($('.say_word').is(":visible"))
	{
		$('#inem').hide();
		$('#inem').removeClass();
	} else {	
		if( $('#emoji_popup').html()=='' ) { make_emoji_pop(); }
		
		$('#inem').removeClass();
		$('#inem').addClass("say_word");
	
		var offset = $('#say_word').offset();
		$('#inem').css('top', offset.top-25).css('left', (offset.left-$('#inem').width()-5));
	
		set_input_emoji();
	}
}

function open_emoji_comment(say_id)
{
	if($(".comment_word"+say_id).is(":visible"))
	{
		$('#inem').hide();
		$('#inem').removeClass();
	} else {
		if( $('#emoji_popup').html()=='' ) { make_emoji_pop(); }
	
		$('#inem').removeClass();
		$('#inem').addClass("comment_word"+say_id);
	
		var offset = $('#comment_word'+say_id).offset();
		$('#inem').css('top', offset.top-25).css('left', (offset.left-$('#inem').width()-5));
	
		set_input_emoji();
	}	
}

function reset_emoji_pos()
{
	pop_class = $('#inem').attr('class');
	if(pop_class.match(/comment_word/))
	{
		say_id = pop_class.replace(/comment_word/, "");
		if($('#comment_word'+say_id).is(":visible"))
		{
			var offset = $('#comment_word'+say_id).offset();
			$('#inem').css('top', offset.top-25).css('left', (offset.left-$('#inem').width()-5));
		
			set_input_emoji();
		}
	}	
}

//ポップアップのドラッグ
function set_input_emoji()
{
	var wx, wy;        // ウインドウの左上座標
	var mx, my;        // マウスの座標

	$('#inem').show();

	var offset = $('#inem').offset();
	wx = offset.left;
	wy = offset.top;

	//ドラッグ
	$('#inem .emoji_popup_head').mousedown(function(e) {
		mx = e.pageX;
		my = e.pageY;
		$().mousemove(mouseMove).mouseup(mouseUp);
		return false;
	});
	function mouseMove(e) {
		wx += e.pageX - mx;
		wy += e.pageY - my;
		$('#inem').css('top', wy).css('left', wx);
		mx = e.pageX;
		my = e.pageY;
		return false;
	}
	function mouseUp() {
		$().unbind('mousemove', mouseMove).unbind('mouseup', mouseUp);
	}
}

//絵文字ボップアップ作成
function make_emoji_pop()
{
	pop = '<div id="inem">\
		<div class="emoji_popup_head clr"><div class="ttl">絵文字入力</div><div class="close">×</div></div>\
		<div class="inner">\
			<table>\
			<tr><td><span class="emin ej1">晴れ</span></td><td><span class="emin ej2">曇り</span></td><td><span class="emin ej3">雨</span></td><td><span class="emin ej4">雪</span></td><td><span class="emin ej5">雷</span></td><td><span class="emin ej6">台風</span></td><td><span class="emin ej7">傘</span></td><td><span class="emin ej8">牡羊座</span></td><td><span class="emin ej9">牡牛座</span></td><td><span class="emin ej10">双子座</span></td><td><span class="emin ej11">蟹座</span></td><td><span class="emin ej12">獅子座</span></td><td><span class="emin ej13">乙女座</span></td><td><span class="emin ej14">天秤座</span></td><td><span class="emin ej15">蠍座</span></td></tr>\
			<tr><td><span class="emin ej16">射手座</span></td><td><span class="emin ej17">山羊座</span></td><td><span class="emin ej18">水瓶座</span></td><td><span class="emin ej19">魚座</span></td><td><span class="emin ej20">野球</span></td><td><span class="emin ej21">ゴルフ</span></td><td><span class="emin ej22">テニス</span></td><td><span class="emin ej23">サッカ</span></td><td><span class="emin ej24">スキー</span></td><td><span class="emin ej25">バスケ</span></td><td><span class="emin ej26">旗</span></td><td><span class="emin ej27">電車</span></td><td><span class="emin ej28">地下鉄</span></td><td><span class="emin ej29">車</span></td><td><span class="emin ej30">バス</span></td></tr>\
			<tr><td><span class="emin ej31">船</span></td><td><span class="emin ej32">飛行機</span></td><td><span class="emin ej33">家</span></td><td><span class="emin ej34">ビル</span></td><td><span class="emin ej35">郵便局</span></td><td><span class="emin ej36">病院</span></td><td><span class="emin ej37">銀行</span></td><td><span class="emin ej38">ＡＴＭ</span></td><td><span class="emin ej39">ホテル</span></td><td><span class="emin ej40">CV</span></td><td><span class="emin ej41">GS</span></td><td><span class="emin ej42">駐車場</span></td><td><span class="emin ej43">信号</span></td><td><span class="emin ej44">トイレ</span></td><td><span class="emin ej45">食事</span></td></tr>\
			<tr><td><span class="emin ej46">カップ</span></td><td><span class="emin ej47">カクテ</span></td><td><span class="emin ej48">ビール</span></td><td><span class="emin ej49">バーガ</span></td><td><span class="emin ej50">くつ</span></td><td><span class="emin ej51">はさみ</span></td><td><span class="emin ej52">マイク</span></td><td><span class="emin ej53">映画</span></td><td><span class="emin ej54">右上</span></td><td><span class="emin ej55">右下</span></td><td><span class="emin ej56">左上</span></td><td><span class="emin ej57">左下</span></td><td><span class="emin ej58">ヘッド</span></td><td><span class="emin ej59">アート</span></td><td><span class="emin ej60">ハット</span></td></tr>\
			<tr><td><span class="emin ej61">チケ</span></td><td><span class="emin ej62">喫煙</span></td><td><span class="emin ej63">禁煙</span></td><td><span class="emin ej64">カメラ</span></td><td><span class="emin ej65">カバン</span></td><td><span class="emin ej66">本</span></td><td><span class="emin ej67">リボン</span></td><td><span class="emin ej68">プレ</span></td><td><span class="emin ej69">バース</span></td><td><span class="emin ej70">電話</span></td><td><span class="emin ej71">携帯</span></td><td><span class="emin ej72">メモ</span></td><td><span class="emin ej73">テレビ</span></td><td><span class="emin ej74">CD</span></td><td><span class="emin ej75">ハート</span></td></tr>\
			<tr><td><span class="emin ej76">スペド</span></td><td><span class="emin ej77">ダイヤ</span></td><td><span class="emin ej78">クラブ</span></td><td><span class="emin ej79">目</span></td><td><span class="emin ej80">耳</span></td><td><span class="emin ej81">グー</span></td><td><span class="emin ej82">チョキ</span></td><td><span class="emin ej83">パー</span></td><td><span class="emin ej84">足</span></td><td><span class="emin ej85">車椅子</span></td><td><span class="emin ej86">月</span></td><td><span class="emin ej87">犬</span></td><td><span class="emin ej88">猫</span></td><td><span class="emin ej89">ヨット</span></td><td><span class="emin ej90">クリス</span></td></tr>\
			<tr><td><span class="emin ej91">電話番</span></td><td><span class="emin ej92">メール</span></td><td><span class="emin ej93">FAX</span></td><td><span class="emin ej94">＃</span></td><td><span class="emin ej95">1</span></td><td><span class="emin ej96">2</span></td><td><span class="emin ej97">3</span></td><td><span class="emin ej98">4</span></td><td><span class="emin ej99">5</span></td><td><span class="emin ej100">6</span></td><td><span class="emin ej101">7</span></td><td><span class="emin ej102">8</span></td><td><span class="emin ej103">9</span></td><td><span class="emin ej104">0</span></td><td><span class="emin ej105">ID</span></td></tr>\
			<tr><td><span class="emin ej106">カギ</span></td><td><span class="emin ej107">虫眼鏡</span></td><td><span class="emin ej108">新着</span></td><td><span class="emin ej109">OK</span></td><td><span class="emin ej110">▼2</span></td><td><span class="emin ej111">失恋</span></td><td><span class="emin ej112">音符</span></td><td><span class="emin ej113">温泉</span></td><td><span class="emin ej114">キス</span></td><td><span class="emin ej115">きら</span></td><td><span class="emin ej116">電球</span></td><td><span class="emin ej117">ムッ</span></td><td><span class="emin ej118">パンチ</span></td><td><span class="emin ej119">爆弾</span></td><td><span class="emin ej120">メロ</span></td></tr>\
			<tr><td><span class="emin ej121">睡眠</span></td><td><span class="emin ej122">！</span></td><td><span class="emin ej123">あせ</span></td><td><span class="emin ej124">急ぐ</span></td><td><span class="emin ej125">映画</span></td><td><span class="emin ej126">夜</span></td><td><span class="emin ej127">洋服</span></td><td><span class="emin ej128">口紅</span></td><td><span class="emin ej129">すず</span></td><td><span class="emin ej130">賞金</span></td><td><span class="emin ej131">PC</span></td><td><span class="emin ej132">王冠</span></td><td><span class="emin ej133">指輪</span></td><td><span class="emin ej134">自転車</span></td><td><span class="emin ej135">お茶</span></td></tr>\
			<tr><td><span class="emin ej136">喜</span></td><td><span class="emin ej137">怒</span></td><td><span class="emin ej138">悲</span></td><td><span class="emin ej139">てれ</span></td><td><span class="emin ej140">困り</span></td><td><span class="emin ej141">ふくれ</span></td><td><span class="emin ej142">しらけ</span></td><td><span class="emin ej143">ラブ</span></td><td><span class="emin ej144">ベー</span></td><td><span class="emin ej145">ぱちっ</span></td><td><span class="emin ej146">失敗</span></td><td><span class="emin ej147">ふっ</span></td><td><span class="emin ej148">泣き</span></td><td><span class="emin ej149">GJ</span></td><td><span class="emin ej150">著作権</span></td></tr>\
			<tr><td><span class="emin ej151">TM</span></td><td><span class="emin ej152">走る人</span></td><td><span class="emin ej153">マル秘</span></td><td><span class="emin ej154">商標</span></td><td><span class="emin ej155">△！</span></td><td><span class="emin ej156">空席</span></td><td><span class="emin ej157">満席</span></td><td><span class="emin ej158">学校</span></td><td><span class="emin ej159">波</span></td><td><span class="emin ej160">山</span></td><td><span class="emin ej161">四つ葉</span></td><td><span class="emin ej162">花</span></td><td><span class="emin ej163">りんご</span></td><td><span class="emin ej164">もみじ</span></td><td><span class="emin ej165">桜</span></td></tr>\
			<tr><td><span class="emin ej166">お握り</span></td><td><span class="emin ej167">ケーキ</span></td><td><span class="emin ej168">晩酌</span></td><td><span class="emin ej169">拉麺</span></td><td><span class="emin ej170">パン</span></td><td><span class="emin ej171">鳥</span></td><td><span class="emin ej172">ペンギ</span></td><td><span class="emin ej173">うま</span></td><td><span class="emin ej174">ぶた</span></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>\
			</table>\
		</div>\
	</div>';
//'
	$('#emoji_popup').html(pop);

	//閉じる
	$("#inem .close").click(function () {
		$("#inem").hide();
		$('#inem').removeClass();
	});

	//テーブルマウスオーバー
	$(".emin").mouseover(function () {
		$(this).parents('td').css("background","#f90");
	});
	$(".emin").mouseout(function () {
		$(this).parents('td').css("background","#fff");
	});

	//絵文字クリック
	$(".emin").click(function () {
		input_val = '[@'+$(this).html()+']';
		var type = $('#inem').attr('class');
		
		if(type.match(/say_word/)){
			$('#say_word').insertAtCaret(input_val);
			change_say_count_num();
		}
		if(type.match(/comment_word/)){
			$('#'+type).insertAtCaret(input_val);
			say_id = type.replace(/comment_word/, "");
			change_comment_count_num($('#say'+say_id+' .comment_form'));
		}
	});

}





/*------------------------------------------------------------
グレー背景
------------------------------------------------------------*/

// このjavascriptを使う際は</body>の上に
//<div id="overlay"></div>を置いてください。

function lightbox(pop,bgclick){
	var tg = pop;

	if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
		var height = $(document).height();
		var width = $('body:first').width();
		$('#overlay').height(height).width(width).show();
	}else{
		var height = $('body:first').height();
		var height_disp = document.documentElement.clientHeight;
		if(height_disp < height){
			height_disp = height;
		}
		var width = document.documentElement.clientWidth;
		$('#overlay').height(height_disp).width(width).show();
	}

	$('#overlay').fadeTo(0, 0.8, function() {
		if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
			var tateScroll = document.body.scrollTop || document.documentElement.scrollTop;
			var top  = Math.floor(($(window).height() - tg.height()) / 2) + tateScroll;
			if( $(window).height() < tg.height() ) {
				var top = tateScroll + 55;
			}

			var left = ($('html').width() - tg.width()) / 2;
			tg.css('top', top).css('left', left).show();
		}else{
			if (navigator.userAgent.match(/AppleWebKit/)) {
				var scrollTop = document.body.scrollTop;
			}
			else {
				var scrollTop = document.documentElement.scrollTop;
			}
			var top = (document.documentElement.clientHeight - tg.height()) / 2 + scrollTop;
			if(document.documentElement.clientHeight < tg.height()){
				var top = scrollTop + 55;
			}
			var left = ($('html').width() - tg.width()) / 2;
			tg.css('top', top).css('left', left).show();
		}

		tg.show();
		if(bgclick == 'no') close_tg = $('.close_popup');
		else                close_tg = $('#overlay,.close_popup');
		tg.fadeTo(0, 1, function() {
			close_tg.click(function () {
				close_lightbox(tg);
			});
		});

	});
	
	return false;
}

function close_lightbox(tg) {
	$("#UserLoginForm").show();

	tg.fadeTo(0, 0, function() {
		tg.hide();			
		$('#overlay').fadeTo(0, 0, function() {
			$('#overlay').hide();
			$('select').show();
		});
	});
}


function pop_say_img(img_path, img_w, img_h) {
	$("#say_img").width(img_w+20);
	$("#say_img .img").html('<img src="'+img_path+'" width="'+img_w+'" height="'+img_h+'" alt="" onContextMenu="return false;" />');
	lightbox($("#say_img"));
}

/*------------------------------------------------------------
ログイン
------------------------------------------------------------*/


//class .login_action を押すとLightBoxで表示
//表示するボックス次第はlayoutに埋め込み
$(document).ready(function(){

	$(".login_action").click(function() {
		lightbox($("#login_popup"));
		return false;
	});
	
	$(".entry_action").click(function() {
		$("#UserLoginForm").hide();
		lightbox($("#login_popup"));
		return false;
	});

});


//ajaxでユーザ登録
function entry_ajax(elements){
	
	$.ajax({
		url      : '/users/entry_ajax/',
		data     : elements.serialize(),
		type     : 'post',
		dataType : 'json',
		error    : function(){ show_err(); },
		success  : function(response){
			if(response['result'] == 'Success___'){
				disp_entry_end();
			}else{
				$(".entry_error").html(response['reason']);
			}
		}
	});

	return false;
}


//パスワードを忘れた方用メールアドレス入力表示
function disp_forget_password() {
	$("#forget_password").toggle();
}


//パスワードを忘れた方のメールアドレスをajaxで渡す
function forget_password_ajax(elements)
{
	$.ajax({
		url      : '/users/forget_password_ajax/',
		data     : elements.serialize(),
		type     : 'post',
		dataType : 'json',
		error    : function(){ show_err(); },
		success  : function(response){
			
			if(response['result'] == 'Success___'){
				$("#forget_password").html('<div class="end_note">メールを送信しました。<br />メール内のURLをクリックしてパスワードを再登録してください。</div>');
			}else{
				$(".forget_error").html(response['reason']);
			}
		}
	});

	return false;
}

//パスワードの変更をajaxで行う
function change_password_ajax(elements){

	$.ajax({
		url      : '/users/change_password/',
		data     : elements.serialize(),
		error    : function(){ show_err(); },
		type     : 'post',
		dataType : 'html',
		success  : function(response){

			if( response == "Process_Success___" ) {

				close_lightbox($("#chpassword_popup"));
				$(".pop_alert").remove();
				$("body").append('<div class="pop_alert">パスワードを変更しました</div>');
				$(".pop_alert").animate({opacity: 0.0},
					{
						duration: 4500,
			    	 	complete: function(){$( ".pop_alert").remove(); }
			     	}
				);
	
			} else {

				$(".change_password_error").html(response);

			}
		}
	});
	return false;	
	
}

//登録メール送信後にだすボップアップ
function disp_entry_end() {
	var ttl = '登録用の通知メールをお送りしました';
	var id  = 'entry_end_popup';
	var img = '<img src="/img/popup/entry/end_txt.gif" width="379" height="86" class="text" alt="まだ登録は完了していません。メール内にあるURLをクリックすると登録が完了します。登録が完了しましたら、Serendをお楽しみください！" /><br /><img src="/img/popup/entry/web_mail.gif" width="477" height="315" alt="※通知メールが迷惑フォルダに入っていることがあります" style="margin-bottom:20px;" />';
	var end = basic_alert(id,ttl,img);
	$("body").append(end);
	$("#login_popup").hide();
	$("#login_popup input").val('');
	lightbox($("#entry_end_popup"));
	return false;
}