/* 絵文字ツール JavaScript */
$(document).ready(function(){
	$("#emgpop").draggable({ handle:"#emgpop_toolbar"});
});
var emg={
	php:"emgtool.php",
	target:undefined,
	form:undefined,
	editable:false,
	editMode:function(){
		if($("form").css("display")=="none"){
			$("form").show();
			emg.editable=true;
			emg.target=undefined;
		}else{
			$("form").hide();
			emg.editable=false;
			emg.target=undefined;
			emg.form=undefined;
		}
	},
	editEmg:function(a,c){
		if(emg.editable){
			emg.target=$(a);
			emg.form=$(a.parentNode.childNodes).filter("form");
			emg.target.css("background-color", "#DDDDDD");
			$.getJSON(emg.php,{mode:"ajax",request:"images",career:c},emg.popHandler);
		}else{
			alert("編集を行う場合は、編集モードに切り替えて下さい。");
		}
	},
	popHandler:function(json){
		$("#emgpop_tab").html(json.tab);
		$("#emgpop").show();
		$("#img_area").html(json.img);
		emg.tab(0);
		$("#emgpop").css("top", $(document).scrollTop()+100);
		$("#img_area img").each(function(){
			$(this).mouseover(function(){
				$(this).css("border-color", "#FF3322");
			});
			$(this).mouseout(function(){
				$(this).css("border-color", "#FFFFFF");
			});
		});
	},
	bind:function(img){
		var param=img.alt.split(":");
		var career=param[0];
		var id=param[1];
		emg.form.children("input[name='target_id']").attr("value",id);
		emg.target.html("<span>"+id+"</span>&nbsp;");
		$.get(emg.php,{mode:"ajax",request:"image",career:career,id:id},emg.imgBind);
	},
	imgBind:function(img){
		emg.target.append(img);
		$("#emgpop").hide();
		emg.target.css("background-color", "");
		emg.target=undefined;
		emg.form=undefined;
	},
	bindBlank:function(){
		emg.form.children("input[name='target_id']").removeAttr("value");
		emg.target.html("<span>Not support</span>");
		$("#emgpop").hide();
		emg.target.css("background-color", "");
		emg.target=undefined;
		emg.form=undefined;
	},
	tab:function(n){
		$("#img_area > div:not(:eq("+n+"))").hide();
		$("#img_area > div:eq("+n+")").show();
		$("#emgpop_tab > a:not(:eq("+n+"))").css("background-color", "#F0F8FF").css("border-top", "1px #CCCCCC solid");
		$("#emgpop_tab > a:eq("+n+")").css("background-color", "#FFFFFF").css("border-top", "1px #FF6633 solid");
	},
	popClose:function(){
		$("#emgpop").hide();
		emg.target.css("background-color", "");
		emg.target=undefined;
		emg.form=undefined;
	}
}