$(function(){
	$("#goGazoUrl").click(function(){
		$("#gazourl").slideToggle();
	});
	$(".search_result_item").hover(show_detail,hide_detail);
	$(".search_result_item a").click(go_image);
});

function init(keyword,per_page,page,size){
	$("#goNext")
		.unbind()
		.click(function(){
			goSearch(keyword,per_page,page,size);
			return false;
		})
		.text("次へ")
		.slideDown("slow");
	$("#pagenation a").each(function(){
		if($(this).text()==page-1)
			$(this).attr("class","nowSelect");
	});
}
function goSearch(keyword,per_page,page,size){
	$("#goNext").html("<img src='http://erockr.com/img/loading4.gif' alt='読み込み中'>");
	var url="http://erockr.com/api/?api=more&keyword="+encodeURI(keyword);
	url+="&per_page="+per_page;
	url+="&page="+page;
	url+="&size="+size;
	$.ajax({
		url:url,
		dataType:"jsonp",
		success:function(data){
			var tmp=parseInt(page)+1;
			init(keyword,per_page,tmp,size);
			searched(data,page);
		},
		error:function(XMLHttpRequest, textStatus, errorThrown){
			$("#goNext").text("エラーのため取得できませんでした。リロードしてください。");
		}
	});
}
function searched(data,page){
	for(var i in data.list){
		var tmp=$("<a/>")
			.attr("href","http://erockr.com/image/"+data.list[i].baseid)
			.click(go_image)
			.html('<img src="'+data.list[i].imgurl+'">');
//			.html('<img src="'+data.list[i].imgurl+'" class="lazy" width="'+data.list[i].width+'" height="'+data.list[i].height+'">');
		$("<div/>")
			.addClass("search_result_item")
			.attr("pid",data.list[i].pid)
			.attr("baseid",data.list[i].baseid)
			.attr("good","")
			.attr("ng","")
			.attr("swidth",data.list[i].width)
			.attr("sheight",data.list[i].height)
			.html(tmp)
			.hover(show_detail,hide_detail)
			.fadeIn("slow")
			.insertBefore("#searchResultList .clear");
	}
	var tmp=parseInt($("#rend").text())+data.list.length;
	$("#total").text(data.total);
	$("#rend").text(tmp).fadeIn("slow");
	//ページを塗る
	$(".search_result_pagenation a").each(function(){
		if(parseInt($(this).text())==page)
			$(this).attr("class","mainPanelItemOptionNow");
	});
	if(data.islast==true)
		islast();
}
function islast(){
	$("#goNext").hide();
}

function show_detail(){
	var t=$("<div/>")
		.addClass("search_result_item_detail")
//		.append("<a class='search_result_detail_trok' onclick='set_trok("+$(this).attr("pid")+")'><img src='/img/icons/"+(($(this).attr("trok")=="1")? "accept.png": "add.png")+"' alt='取り置き'></a>")
//		.append("<a href='http://erockr.com/image/"+$(this).attr("baseid")+"'><img src='/img/icons/vcard.png' alt='詳細ページ'></a>")
		.append("<a class='search_result_detail_flickr' href='http://flic.kr/p/"+$(this).attr("baseid")+"'><img src='/img/icons/flickr.png' alt='Flickrで見る'></a>")
		.append("<a class='search_result_detail_good' onclick='hoshi("+$(this).attr("pid")+",10,0)'><img src='http://erockr.com/img/icons/thumb_up.png' alt='好き'><span class='good'>"+$(this).attr("good")+"</span></a>")
		.append("<a class='search_result_detail_ng' onclick='hoshi("+$(this).attr("pid")+",0,10)'><img src='http://erockr.com/img/icons/thumb_down.png' alt='嫌い'><span class='ng'>"+$(this).attr("ng")+"</span></a><br>")
		.append("<a class='search_result_detail_dl' href='"+$(this).attr("surl")+"'><img src='/img/icons/disk.png' alt='ダウンロード'><span>"+$(this).attr("swidth")+"x"+$(this).attr("sheight")+"</span></a>");
	$(this).append(t);
}
function hide_detail(){
	$(".search_result_item_detail").remove();
}
function hoshi(pid,good,ng){
	$.ajax({
		url:"http://erockr.com/api/?api=hoshi&pid="+pid+"&good="+good+"&ng="+ng+"&mode=set",
		dataType:"jsonp",
		success:hoshi_cb
	});
}
function hoshi_cb(data){
	$(".search_result_item .good").text(data.hoshi.good);
	$(".search_result_item .ng").text(data.hoshi.ng);
	$(".search_result_item[pid="+data.hoshi.pid+"]")
		.attr("good",data.hoshi.good)
		.attr("ng",data.hoshi.ng);
}
function go_image(event){
//	event.preventDefault();
	var pid=$(this).parent().attr("pid");
	var url=$(this).attr("href");
	$.ajax({
		url:"http://erockr.com/api/?api=hoshi&pid="+$(this).parent().attr("pid")+"&good=3&ng=0&mode=set",
		dataType:"jsonp",
		success:function(data){}
	});
}
function set_trok(pid){
	var keyword=$("#keyword").text();
	$.ajax({
		url:"http://erockr.com/api/?api=set_trok&pid="+pid+"&keyword="+keyword,
		dataType:"jsonp",
		success:function(data){
			console.log(data.input.pid);
			console.log(data.input.keyword);
			$(".search_result_item[pid="+pid+"]").attr("trok","1");
			$(".search_result_item[pid="+pid+"] .search_result_detail_trok img").attr("src","/img/icons/accept.png");
		}
	});
}