// JavaScript Document
function diaryMotion(){
	var btnSwitch = document.getElementsByClassName('switch');
	if(userData.loading){
		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);
				}
				new Insertion.Bottom("sutekiCountno"+ diaryID, innerHTML);
			}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);
			}
			if(btnSwitch[i].rel == userData.userid) btnSwitch[i].style.display = "none"; //書いたユーザとログインユーザが同じ場合ボタン非表示
			else Event.observe(btnSwitch[i], 'click', clickSwitch, false);
		}
	}else{
		setTimeout("diaryMotion()", 100); //ヘッダ情報のロードが完了するまで繰り返し
	}
}

var clicker = 0;
function clickSwitch(e){
	if(userData.login != "N"){
		//ログインしている場合のクリック動作
		var list = this.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){
					//liタグのバックグラウンドが花以外のイメージだった場合にバックグラウンドの変更処理
					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 defaultPosition = document.getElementsByClassName("defaultPosition");
		if(defaultPosition.length > 0){
			for(var i = 0; i < defaultPosition.length; i++){
				defaultPosition[i].style.display = "none";
				defaultPosition[i].innerHTML = "";
			}
		}
		var Element = Event.element(e);
		var title = "ステキスイッチについて";
		var text = '<div id="noLogin" style="width:244px;">利用するにはユーザ登録が必要です。<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.parentNode, title, text, 250, 130, false, "right");
	}
}

function deletAnimate(id){
	Element.remove(id);
}


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