var relatedContents = new Array();
var targetContent;

Content = function(){
	this.contid;
	this.title;
	this.href;
}

function relatedInit(){
	if(relatedContents != null && relatedContents.length > 0){
		relatedContents.splice(0, relatedContents.length);
	}

	targetContent = "";

}

function viewRelated(contid, relatedId){
	var obj = document.getElementById("related_" + contid);

	if(obj.style.display == "block"){
		obj.style.display = "none";

		var btn_obj = document.getElementById("relate_btn_" + contid);
		btn_obj.src = "http://image.chosun.com/cs/200806/images/btn_relate_open.gif";

		return;
	}

	relatedInit();

	targetContent = contid;

        path = "http://health.chosun.com/svc1/related.html?rid=" + relatedId;

        try{
                ajaxCaller.shouldDebug = false;
                ajaxCaller.getXML(path, "resultRelated");
        }catch(e){
                alert(e);
        }
}

function resultRelated(resultXML){
        try{
                var rootElement = resultXML.documentElement;
                var contList = rootElement.getElementsByTagName("relatedContent");
                for(var i=0; i < contList.length; i++){
			var content = new Content();

                        var contidElement = contList[i].getElementsByTagName("contid");
			content.contid = contidElement[0].firstChild.nodeValue;
			var titleElement = contList[i].getElementsByTagName("title");
			content.title = titleElement[0].firstChild.nodeValue;
			var hrefElement = contList[i].getElementsByTagName("href");
			content.href = hrefElement[0].firstChild.nodeValue;

			relatedContents[i] = content;
                }

		displayRelated();
        }catch(e){
                alert(e);
        }
}

function displayRelated(){
	var str = "<ul id=\"rel_artlist\">";
	var x = 0
	for(var i=0; i < relatedContents.length; i++){
		if(targetContent == relatedContents[i].contid) continue;

		if(x==5) break;
		str = str + "<li><a href=\"" + relatedContents[i].href + "\">" + relatedContents[i].title + "</a></li>";
		x++;
	}
	str = str + "</ul>";

	var obj = document.getElementById("related_" + targetContent);
	obj.innerHTML = str;
	obj.style.display = "block";

	var btn_obj = document.getElementById("relate_btn_" + targetContent);
	btn_obj.src = "http://image.chosun.com/cs/200806/images/btn_relate_close.gif";
}