var xmlHttp;
        var bar_color = 'gray';
        var span_id = "block";
        var clear = "    ";
		var progress_context_path = '';

        function createXMLHttpRequest() {
            if (window.ActiveXObject) {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            else if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();                
            }
        }

        function show_progressBar() {
            createXMLHttpRequest();
            progressBarCheckDiv();
            var url = progress_context_path+ "/ProgressBarServlet";
            xmlHttp.open("GET", url, true);
            xmlHttp.onreadystatechange = progressBarCallback;
            xmlHttp.send(null);
        }

        function progressBarCallback() {
            if (xmlHttp.readyState == 4) {
                if (xmlHttp.status == 200) {
                }
                setTimeout("progressBarPollServer()", 2000);
            }
        }
        
        function progressBarPollServer() {
            createXMLHttpRequest();
            var url = progress_context_path+ "/ProgressBarServlet";
            xmlHttp.open("GET", url, true);
            xmlHttp.onreadystatechange = progressBarPollCallback;
            xmlHttp.send(null);
        }
        
        function progressBarPollCallback() {
				if (xmlHttp.readyState == 4) {
					try	{
						if (xmlHttp.status == 200) {
							var percent_complete = xmlHttp.responseXML.getElementsByTagName("percent")[0].firstChild.data;
							
							var index = progressBarProcessResult(percent_complete);

							for (var i = 0; i <= index; i++) {
								var elem = document.getElementById("block" + i);
								elem.innerHTML = clear;
								elem.style.backgroundColor = bar_color;

								var next_cell = i + 1;
								if (next_cell > index && next_cell <= 9) {
									document.getElementById("complete").innerHTML = percent_complete + "%";
								}
							}

							if (index <= 9) {
								setTimeout("progressBarPollServer()", 2000);
							} else {
								document.getElementById("complete").innerHTML = "100%";
								//document.getElementById("go").disabled = false;
							}
						}
					}catch (e) {setTimeout("progressBarPollServer()", 2000);}
				}
        }
        
        function progressBarProcessResult(percent_complete) {
            var ind;
            if (percent_complete.length == 1) {
                ind = 0;
            } else if (percent_complete.length == 2) {
                ind = percent_complete.substring(0, 1);
            } else {
                ind = 9;
            }
            return ind;
        }

        function progressBarCheckDiv() {
            var progress_bar = document.getElementById("progressBar");
            if (progress_bar.style.visibility == "visible") {
                progressBarClearBar();
                document.getElementById("complete").innerHTML = "";
            } else {
                progress_bar.style.visibility = "visible"
            }
        }
        
        function progressBarClearBar() {
            for (var i = 0; i < 10; i++) {
                var elem = document.getElementById("block" + i);
                elem.innerHTML = clear;
                elem.style.backgroundColor = "white";
            }
        }

function invoke(action, params, handler) {
	var xmlhttpreq = getXMLHttpRequest();
	xmlhttpreq.open("POST", action, true);
	xmlhttpreq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xmlhttpreq.onreadystatechange = function() {
       	if (xmlhttpreq.readyState == 4) {
       		if (xmlhttpreq.status == 200) {
       			//var result = xmlhttpreq.responseText;
       			var result = xmlhttpreq.responseXML;
       			eval(handler+'(result);');
       		}
       	}
	}
	xmlhttpreq.send(params);
}

function getXMLHttpRequest() {
	var xmlhttpreq;
	if (window.XMLHttpRequest)
		xmlhttpreq = new XMLHttpRequest();
	else {
		try {
			xmlhttpreq = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e1) {
			try {
				xmlhttpreq = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e2) {}
		}
	}
	return xmlhttpreq;
}


function viewRelation(bid, bno) {
	document.getElementById('iLoading').style.display = 'inline';
	invoke('ajax-relation.do', 'boardId='+bid+'&boardNo='+bno, 'relationParsing');
}

function relationParsing(xml) {	
	alert(xml);
}