var blog_p = 1;
var blog_psize = 20;

function loadBlogs(ownerid,categoryid)
{
	var o_json = new json();
	o_json.doFunction("../backstagePages/getBlogListForSpace.asp?owner="+ownerid+"&categoryid="+categoryid+"&p="+blog_p+"&psize="+blog_psize, setBlogList);
}

function setBlogList()
{
	var arg = eval(arguments[0]);
	var innerHTML = "";
	var len = arg.length-1;
	var count = arg[len].count;
	var pageCount;
	if (count==0){
		pageCount = 0;
	}
	else{
		pageCount= parseInt(count/blog_psize)+1;
	}
	var i;
	var abstracts;

	innerHTML = "<li><div class=\"praTitles\">Blog List</div></li>";
	if(ishasCategory){
		innerHTML = "<li><div style='color:#6666CC;text-align:left;font-weight:bold;'>Category: "+categoryname+"</div></li>";
	}
	if (len==0){
		innerHTML += "<li style=\"text-align:center;\"><div style=\"width:50%; margin:20px auto; padding:10px; border:solid 1px #ECEFF5; \">The Blogger has not posted any blog for now!</div></li>";
	}
	else{
		for ( i=0; i<len; i++ )
		{
			innerHTML += "<li style=\"text-align:left; padding-bottom:10px;\">";
			innerHTML += "<div><a href=\"viewBlog.asp?blog="+arg[i].bid+"\" class=\"blogAndFile_title\">"+arg[i].btitle.html()+"</a>&nbsp;&nbsp;&nbsp;";
			innerHTML += "<font class=\"blogAndFile_time\">at "+arg[i].bdate+"</font></div>";
			
			abstacts = arg[i].bAbstracts;
			
			if (abstacts!=null && abstacts.length > 0){
				innerHTML += "<div class='abstract'>";
				innerHTML += "<b>Abstract:</b> ";
				innerHTML += abstacts;
				innerHTML += "</div>";
			}
			
			innerHTML += "<div style=\"width:100%; clear:both; text-align:left; font-size:9pt;\">";
			innerHTML += "<a href=\"viewBlog.asp?blog="+arg[i].bid+"\">"+arg[i].bclick+"</a> Views | <a href=\"viewBlog.asp?blog="+arg[i].bid+"#message\">"+arg[i].bcomment+"</a> Comments";
			innerHTML += "</div>";
			if (arg[i].editabled==1){
				innerHTML += "<div style=\"text-align:right;\"><a href=\"../mythc/mythcDo.asp?blog="+arg[i].bid+"\">Edit</a></div>";
			}
			innerHTML += "</li>";
		}
		innerHTML += "<li><div style=\"width:100%; text-align:right; font-size:9pt; color:red;\">";
		if (blog_p==1){
			innerHTML += "Previous";
		}
		else{
			innerHTML += "<a href=\"javascript:blog_p=blog_p-1; loadBlogs();\" style=\"color:red;\">Previous</a>";
		}
		innerHTML += "&nbsp;"+blog_p+"/"+pageCount+"&nbsp;";
		if (blog_p==pageCount){
			innerHTML += "Next";
		}
		else{
			innerHTML += "<a href=\"javascript:blog_p=blog_p+1; loadBlogs();\" style=\"color:red;\">Next</a>";
		}
		innerHTML += "</div></li>";
	}

	$("blogList").innerHTML = innerHTML;
}
