// JavaScript Document
function diaryMotion(){
	var btnSwitch = document.getElementsByClassName('switch');
	//ヘッダエリアのロード状況を調べる
	if(userData.loading){
		if(btnSwitch.length > 0){
			for(var i = 0; i < btnSwitch.length; i++){
				var diaryID = btnSwitch[i].getElementsByTagName("img")[0].name;
				var sutekiCount = btnSwitch[i].name; //カウント数取得
				var stringsCount = sutekiCount.toString(); //カウント数を文字列に
				var innerHTML = ""; //代入文字列
				if(sutekiCount < 1000 && sutekiCount > 0){ //カウント数が1000より小さいの場合
					for(var n = 0; n < stringsCount.length; n++){
						var createNo = document.createElement("img");
						createNo.src = "/images/counter/no_"+ stringsCount.charAt(n) + ".gif";
						createNo.border = 0;
						var createSp = document.createElement("img");
						createSp.src = "/images/counter/spacer.gif";
						createSp.border = 0;
						new Insertion.Bottom("sutekiCountno"+ diaryID, createSp);
						new Insertion.Bottom("sutekiCountno"+ diaryID, createNo);
					}
				}else if(sutekiCount == 999){
					innerHTML = '<img src="/images/counter/no_9.gif" border="0"><img src="/images/counter/spacer.gif" border="0"><img src="/images/counter/no_9.gif" border="0"><img src="/images/counter/spacer.gif" border="0"><img src="/images/counter/no_9.gif" border="0"><img src="/images/counter/spacer.gif" border="0">';
					new Insertion.Bottom("sutekiCountno"+ diaryID, innerHTML);
				}
				//ステキスイッチのrelとユーザIDが同じ場合非表示にする。以外はクリックイベントをつける
				if(btnSwitch[i].rel == userData.userid) btnSwitch[i].style.display = "none";
				else Event.observe(btnSwitch[i], 'click', clickSwitch, false);
			}
		}else{
			//マイページ用
			var btnSwitch = document.getElementsByClassName('counter');
			for(var i = 0; i < btnSwitch.length; i++){
				var diaryID = btnSwitch[i].id;
				var sutekiCount = btnSwitch[i].value; //カウント数取得
				var stringsCount = sutekiCount.toString(); //カウント数を文字列に
				var innerHTML = ""; //代入文字列
				if(sutekiCount < 1000 && sutekiCount > 0){ //カウント数が1000より小さいの場合
					for(var n = 0; n < stringsCount.length; n++){
						var createNo = document.createElement("img");
						createNo.src = "/images/counter/no_"+ stringsCount.charAt(n) + ".gif";
						createNo.border = 0;
						var createSp = document.createElement("img");
						createSp.src = "/images/counter/spacer.gif";
						createSp.border = 0;
						new Insertion.Bottom("sutekiCountno"+ diaryID, createSp);
						new Insertion.Bottom("sutekiCountno"+ diaryID, createNo);
					}
				}else if(sutekiCount == 999){
					innerHTML = '<img src="/images/counter/no_9.gif" border="0"><img src="/images/counter/spacer.gif" border="0"><img src="/images/counter/no_9.gif" border="0"><img src="/images/counter/spacer.gif" border="0"><img src="/images/counter/no_9.gif" border="0"><img src="/images/counter/spacer.gif" border="0">';
					new Insertion.Bottom("sutekiCountno"+ diaryID, innerHTML);
				}
			}
		}
	}else{
		//ヘッダの情報が得られない場合もう一度処理
		setTimeout("diaryMotion()", 100);
	}
}

var clicker = 0;
function clickSwitch(e){
	if(userData.login != "N"){
		//ログインしている場合
		var list = this.parentNode.parentNode.parentNode;
		if(list.nodeName != "LI") var list = this.parentNode;
		//アニメーションの残りがある画像を非表示に設定
		var spanElement = this.parentNode.parentNode.getElementsByTagName("span")[0];
		var imageElement = spanElement.getElementsByTagName("img");
		if(imageElement.length > 2){
			for(var i = 2; i < imageElement.length; i++){
				if(imageElement[i].id) imageElement[i].style.display = "none";
			}
		}

		//画像の表示場所を設定
		var createAnimate = document.createElement("img");
		createAnimate.src = "/images/mycontents/mypage/icon_suteki.gif?key="+ clicker;
		createAnimate.width = "15";
		createAnimate.height = "30";
		createAnimate.id = "onAnimate"+ clicker;
		spanElement.appendChild(createAnimate);
		clicker++;
		//アニメーションが終わると自動的に削除
		setTimeout('deletAnimate("'+ createAnimate.id +'")', 3000);
		var diaryId = this.getElementsByTagName('img')[0].name;
		//パラメータ送信
		new Ajax.Request('/ajaxuser/suteki/',{
			 method: "post",
			 parameters: 'id='+ diaryId,
			 onComplete:function(obj){
				 var data = eval("("+ obj.responseText +")");
				 if(data.result){
					if(list.className != 'flower clearfix'){
						list.className = 'flower clearfix';
						var date = list.getElementsByTagName("p")[0].innerHTML.split('.')[2];
						if($("calender"+ date)) $("calender"+ date).getElementsByTagName("img")[0].src = '/images/mycontents/mypage/icon_flower.gif';
					}
					var countElement = $("sutekiCountno"+ diaryId);
					var strings = data.suteki.toString(); //追加されたカウント数を文字列に
					countElement.innerHTML = ""; //カウント数表示部分を初期化
					if(data.suteki < 1000){ //追加カウント数が1000より小さい場合
						for(var n = 0; n < strings.length; n++){
							var createNo = document.createElement("img");
							createNo.src = "/images/counter/no_"+ strings.charAt(n) + ".gif";
							createNo.border = 0;
							var createSp = document.createElement("img");
							createSp.src = "/images/counter/spacer.gif";
							createSp.border = 0;
							new Insertion.Bottom("sutekiCountno"+ diaryId, createSp);
							new Insertion.Bottom("sutekiCountno"+ diaryId, createNo);
						}
					}else{
						countElement.innerHTML = '<img src="/images/counter/no_9.gif" border="0"><img src="/images/counter/spacer.gif" border="0"><img src="/images/counter/no_9.gif" border="0"><img src="/images/counter/spacer.gif" border="0"><img src="/images/counter/no_9.gif" border="0"><img src="/images/counter/spacer.gif" border="0">';
					}
				 }
			 }
		});
	}else{
		//ログインしていない場合
		var Element = Event.element(e);
		var title = "ステキスイッチについて";
		var text = '<div id="noLogin" style="width:244px; text-align:left;">利用するにはユーザ登録が必要です。<br />既にユーザ登録をお済の方は「ログイン」ボタンをクリックしてください。<div style="text-align:center"><a href="/register/login"><img src="/images/button/btn_login.gif" width="92" height="23" alt="ログイン" class="over" style="margin: 10px 0" /></a></div><span class="arrow"><a href="/register/">ユーザ登録がまだの方はこちら</a></span></div>';
		var flag = makeBox(Element.parentNode, title, text, 250, 130, false, "right");
	}
}

//画像の削除
function deletAnimate(id){
	Element.remove(id);
}

Event.observe(window, "load", diaryMotion, false);