/////////////// モード切替 ///////////////////////

var edit_t;

//////// タグ編集
function openTagEdit()
{
    $('btn_open_tag_edit').hide();
    $('tag').innerHTML = "<div style='margin:10px 0 10px 0;text-align:center;'><img src='http://imgs3.spysee.jp/_img/loading_32_FFF.gif'></div>";
    edit_t = setTimeout("clearTimeout(edit_t); openTagEdit_go();", 700);
}
function openTagEdit_go()
{
    var node_id = $('node_id').innerHTML;
    var url     = "/tag_ajax/edit/"+node_id;
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
		$('tag').innerHTML = res;
		$('btn_close_tag_edit').show();
	},
	onFailure:function(httpObj){
	    $('tag').innerHTML = "";
    	}

    });
}

//////// タク編集おわり
function closeTagEdit()
{
    $('btn_close_tag_edit').hide();
    $('tag').innerHTML  = "<div style='margin:10px 0 10px 0;text-align:center;'><img src='http://imgs3.spysee.jp/_img/loading_32_FFF.gif'></div>";
    edit_t = setTimeout("clearTimeout(edit_t); closeTagEdit_go();", 700);
}
function closeTagEdit_go()
{
    var node_id = $('node_id').innerHTML;
    var url     = "/tag_ajax/show/"+node_id;
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
		$('tag').innerHTML = res;
		$('btn_open_tag_edit').show();
	},
	onFailure:function(httpObj){
		$('tag').innerHTML = "";
    	}
	
    });
}

//////// キーワード編集
function openKeyEdit()
{
    $('btn_open_key_edit').hide();
    $('keyword').innerHTML  = "<div style='margin:30px 0 30px 0;text-align:center;'><img src='http://imgs3.spysee.jp/_img/loading_32_FFF.gif'></div>";
    var node_id = $('node_id').innerHTML;
    var url     = "/keyword/edit/"+node_id;
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
		$('keyword').innerHTML = res;
		$('btn_close_key_edit').show();
	},
	onFailure:function(httpObj){
		$('keyword').innerHTML = "";
    	}

    });
}

function closeKeyEdit()
{
	$('btn_close_key_edit').hide();
	$('keyword').innerHTML  = "<div style='margin:30px 0 30px 0;text-align:center;'><img src='http://imgs3.spysee.jp/_img/loading_32_FFF.gif'></div>";
    var node_id = $('node_id').innerHTML;
    var url     = "/keyword/show/"+node_id;
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
		$('keyword').innerHTML = res;
		$('btn_open_key_edit').show();
	},
	onFailure:function(httpObj){
	    $('keyword').innerHTML = "";
    	}

    });
}

//////// エッジ編集
function openEdgeEdit()
{
    $('btn_open_edge_edit').hide();
    $('edge').innerHTML = "<div style='margin-top:100px;text-align:center;'><img src='http://imgs3.spysee.jp/_img/loading_100.gif'></div>";
    var node_id = $('node_id').innerHTML;
    var url     = "/edge/edit/"+node_id;
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
		$('edge').innerHTML = res;
		$('btn_close_edge_edit').show();
	},
	onFailure:function(httpObj){
	    $('edge').innerHTML = "";
    	}

    });

}

function closeEdgeEdit()
{
    $('btn_close_edge_edit').hide();
    $('edge').innerHTML = "<div style='margin-top:100px;text-align:center;'><img src='http://imgs3.spysee.jp/_img/loading_100.gif'></div>";
    var node_id = $('node_id').innerHTML;
    var url     = "/edge/show/"+node_id;
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
		$('edge').innerHTML = res;
	    $('edge').hide();
	    new Effect.Appear('edge');
		$('btn_open_edge_edit').show();
	},
	onFailure:function(httpObj){
	    $('edge').innerHTML = "";
    	}

    });

}

//////// JSONP実行
function jsonp(js)
{
    var script = document.createElement('script');
    var date = new Date();
    var ts   = date.getTime();
    script.charset = 'utf-8';
    script.src = js+"&ts="+ts;
    document.body.appendChild(script);
	//$('log').innerHTML = js+'&ts='+ts;
}

function open_tag_det(i)
{
  $('tag_det_'+i).show();
}

function close_tag_det(i, e)
{
    var height = $('tag_det_'+i).offsetHeight;
    var width  = $('tag_det_'+i).offsetWidth;
    var top    = $('tag_det_'+i).offsetTop;
    var left   = $('tag_det_'+i).offsetLeft;
    var right  = left+width;
    var bottom = top+height;
    var mx     = Event.pointerX(e);
    var my     = Event.pointerY(e);
    // マウスがdiv内なら閉じない
    if (mx>left && mx<right && my>top && my<bottom) {
	return false; }
    $('tag_det_'+i).hide();
}

function show_tag_det(key)
{
 // close_tag_dets();
  Effect.ScrollTo('more_info');  
  edit_t = setTimeout("clearTimeout(edit_t); openRelDetail('"+key+"', 'tag');", 1000);
  // openRelDetail(key, 'tag');
}