var face_t;

function callFaceSite()
{
    var face = $('main_img_src');
    if (face.width == '60') {
	face.hide();
	return 0;
    }
    
    var urle_name = $('urle_query_name_short').innerHTML;    
    var url    = "http://face.linked.jp/site.php?q="+urle_name;
    jsonp(url);
}

function disp_main_face_site(host, rel_url)
{
    $('face_site').innerHTML = "<nobr><img src='/_img/ico_photo_main_from.gif' style='vertical-align:middle'> <a href='"+rel_url+"' style='color: rgb(170, 170, 170); text-decoration:none;' target='_blank'>"+host+"</a></nobr>";
}

function prevDelImg()
{
    $('btn_main_img_able').hide();
    var main_img = "<img id='main_img_src' src='' hspace='0' vspace='0' border='0'>";
    var face_site = "";
    $('main_img_src').src  = '/_img/noface_button_160.gif';
    $('face_site').hide();
}

function showMoreFaces()
{
    $('link_more_faces').hide();    
    $('more_faces').show();
}

function hideMoreFaces()
{
    $('more_faces').hide();
    $('link_more_faces').show();    
}

//////// 画像キャンセル
function cancelMainFace()
{
    $('main_img_info').hide();
    $('main_img_src').setStyle('border:0px;');    
    $('main_img_src').src = "/_img/loading_80_FFF.gif";
    var urle_name = $('urle_query_name_short').innerHTML;
    var url     = "/face/cancel/"+urle_name+"/"+node_id;
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
	　　$('main_img_src').src = "";
	    $('main_img_src').hide();
	    // メイン画像情報
	    $('pre_main_img_src').innerHTML     = '';
	    $('pre_main_img_host').innerHTML    = '';
	    $('pre_main_img_ref_url').innerHTML = '';
	　  $('ico_popuphelp_face').show();
	    // nopicを表示させる
	    $('no_face').show();
	},
	onFailure:function(httpObj){
	    $('main_img').innerHTML = "";
    	}

    });    
}

//////// 顔キャッシュ編集
function openFaceCacheEdit()
{
    $('img_box').hide();
    $('faces_comm').hide();
    $('btn_open_facecache_edit').hide();
    $('face_cache').innerHTML = "<div style='text-align:center; margin:50px; 0 50px 0;'><img src='/_img/loading_80_FFF.gif'></div>";
    face_t = setTimeout("clearTimeout(face_t);openFaceCacheEdit_go();",500);
}
function openFaceCacheEdit_go()
{
    var urle_name = $('urle_query_name_short').innerHTML;
    var date = new Date();
    var ts        = date.getTime();
    var url       = "/face/faces_edit_mode/"+urle_name+'/'+node_id+'/'+ts
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
	    $('face_cache').innerHTML = res;
	    $('btn_close_facecache_edit').show();
	},
	onFailure:function(httpObj){
	    $('face_cache').innerHTML = "";
    	}

    });
}

//////// 通常表示に戻る
function closeFaceCacheEdit()
{
    $('faces_comm').show();
    $('btn_close_facecache_edit').hide();
    $('face_cache').innerHTML = "<div style='text-align:center; margin:50px 0 50px 0;'><img src='/_img/loading_80_FFF.gif'></div>";
    face_t = setTimeout("clearTimeout(face_t);closeFaceCacheEdit_go()",500);    
}
function closeFaceCacheEdit_go()
{
    var urle_name = $('urle_query_name_short').innerHTML;
    var date = new Date();
    var ts        = date.getTime();
    var url       = "/face/faces_show_mode/"+urle_name+"/"+node_id+'/'+ts;
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
	    if (res) {
		    $('face_cache').innerHTML = res;
		    $('btn_open_facecache_edit').show();
		    $('img_box').show();
	    } else {
		$('face_cache').innerHTML = "<div style='text-align:center; line-height:2em; color:green; text-align:right;'>画像検索結果は定期的に更新されます</div>";
	    }
	},
	onFailure:function(httpObj){
	    $('face_cache').innerHTML = "";
    	}

    });
}

/////////////// 顔画像関係 ////////////////////////

function tglAll()
{
    var ap = chkBrowser();
    var id1 = 'content';
    var id2 = 'face_img_box';
    if (ap == 'nn') {
	var opac = $('content').style.opacity;
	if (opac == 1 || opac == '') {
		$(id1).style.opacity = 0.30;
		$(id2).style.opacity = 0.30;
	} else {
		$(id1).style.opacity = 1;
		$(id2).style.opacity = 1;
	}
    }
    else if (ap == 'ie') {
	var opac = $(id).filters['alpha'].opacity;
	if (opac == 100) {
		$(id1).filters['alpha'].opacity = 30;
		$(id2).filters['alpha'].opacity = 30;
	} else {
		$(id1).filters['alpha'].opacity = 100;
		$(id2).filters['alpha'].opacity = 100;
	}
    }    
}

//////// 画像のあってる間違ってる
function upImgData(id, act)
{
    var urle_name = $("urle_query_name_short").innerHTML;
    var date = new Date();
    var ts = date.getTime();
    var url = '/face/rate/'+urle_name+'/'+id+'/'+act+"/"+ts;
    // alert(url);
    // 実行
    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
	    // alert(res);
	},
	onFailure:function(httpObj){

    	}

    });
}

//////// 元のメイン画像に戻す
function restoreMainImg()
{
    $('btn_restore_main_img').hide();
    $('btn_main_img_able').hide();
    $('ico_user_select').show();
    $('main_img_src').setStyle('border:0');    
    var host    = $('pre_main_img_host').innerHTML;
    var src     = $('pre_main_img_src').innerHTML;
    var ref     = $('pre_main_img_ref_url').innerHTML;
    var face_id = $('pre_main_img_face_id').innerHTML;
    if (src) {
	$('main_img_src').src = src;
	var face_site = "<nobr><img src='/_img/ico_photo_main_from.gif' style='vertical-align:middle'> <a href='"+ref+"' target='_blank' style='text-decoration:none;'>"+host+"</a></nobr>";
	$('face_site').innerHTML = face_site;
	$('face_site').show();
	$('face_site').show();
	$('face_site_link').href = '/imgcache/index/'+face_id;
	$('btn_cancel_main_img').show();
	$('main_img_src').hide();
	new Effect.Appear('main_img_src');
    } else {
	$('main_img_src').src = '';
	$('main_img_src').hide();
	$('face_site').hide();
	$('face_site_link').href = '';
	new Effect.Appear('no_face');
    }

}

//////// イメージプレビュー
function prevMainImg(img)
{
    $('no_face').hide();
    $('btn_cancel_main_img').hide();
    $('ico_user_select').hide();
    $('btn_main_img_able').show();
    var img     = $(img);
    var src     = img.src;
    var face_id = img.getAttribute('face_id');
    var host    = img.getAttribute('host');
    $('main_img_src').src     = src;
    $('main_img_src').setAttribute('face_id', face_id);
    $('main_img_src').setAttribute('host', host);
    $('main_img_src').setStyle('border:1px blue solid');    
    $('main_img_src').show();
    var face_site = "<nobr><img src='/_img/ico_photo_main_from.gif' style='vertical-align:middle'> <a href='/imgcache/index/"+face_id+"' target='_blank' style='text-decoration:none;'>"+host+"</a></nobr>";
    $('face_site_link').href = '/imgcache/index/'+face_id;
    $('face_site').innerHTML = face_site;
    $('face_site').show();
    $('btn_restore_main_img').show();

}

//////// メインイメージにする
function makeMainImg()
{
    $("btn_main_img_able").hide();
    $("btn_restore_main_img").hide();
    $('main_img_src').setStyle('border:0px;');    
    var img       = $('main_img_src');
    var src       = $('main_img_src').src;
    var urle_name = $("urle_query_name_short").innerHTML;
    var face_id   = img.getAttribute('face_id');
    var adult     = $('adult').innerHTML;
    var url       = "/face/main/"+urle_name+"/"+face_id+"/"+adult+"/"+node_id;

    var main_img = $('main_img').innerHTML;
    $('main_img').innerHTML = "<div style='margin:50px;text-align:center;'><img src='/_img/loading_80_FFF.gif'></div>";

    new Ajax.Request(url, {
	method: "get",
	onSuccess:function(httpObj){
	    var res = get_response_text(httpObj);
	    // alert(res);
	    $('main_img').hide();
	    $('main_img').innerHTML = main_img;
	    new Effect.Appear('main_img');
	    // メイン画像情報
	    $('pre_main_img_src').innerHTML     = src;
	    $('pre_main_img_host').innerHTML    = img.getAttribute('host');
	    $('pre_main_img_ref_url').innerHTML = img.getAttribute('ref_url');
	    $('pre_main_img_face_id').innerHTML = face_id;
	    $("ico_user_select").show();
	    // 取り消し画像表示
	    $('btn_cancel_main_img').show();
	},
	onFailure:function(httpObj){
	    // alert('Error!');
    	}
    });
}

//////// イメージの透明度を変える
function opImg(id, stat)
{
    var ap = chkBrowser();
    
    if (ap == 'nn') {
	if (stat == 'ng') {
		$(id).style.opacity = 0.3;
	} else {
		$(id).style.opacity = 1;
	}
    }
    else if (ap == 'ie') {
	if (stat == 'ng') {
		$(id).filters['alpha'].opacity = 30;
	} else {
		$(id).filters['alpha'].opacity = 100;
	}
    }    
}

//////// 画像選択非選択
function tglImage(id)
{
    var ap = chkBrowser();
    var img_id = "img"+id;

    if (ap == 'nn') {
	var opac = $(img_id).style.opacity;
	if (opac == 1 || opac == '') {
	    opImg(img_id, 'ng');
	    upImgData(id, 'ng');
	} else {
	    opImg(img_id, 'ok');
	    upImgData(id, 'ok');
	}
    }
    else if (ap == 'ie') {
	var opac = $(img_id).filters['alpha'].opacity;
	if (opac == 100) {
	    opImg(img_id, 'ng');
	    upImgData(id, 'ng');
	} else {
	    opImg(img_id, 'ok');
	    upImgData(id, 'ok');
	    
	}
    }
}

function onMouse_thumb(i)
{
	$("cancel_img_"+i).show();
	$("arw_img_"+i).show();
}

function outMouse_thumb(i)
{
	$("cancel_img_"+i).hide();
	$("arw_img_"+i).hide();
}

function cancelThumb(i, id)
{
  new Effect.DropOut('face_thumb_'+i);
  upImgData(id, 'ng');  
}

function appearThumb(id)
{
  $(id).show();
}