function ImageloadXML(url) {
	try {
		var xmlDoc = null;
		if (window.ActiveXObject) {
			xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		} else if (document.implementation.createDocument) {
			xmlDoc = document.implementation.createDocument("","",null);
		} else {
			alert('XMLÀ» »ç¿ë¸øÇÏ´Â ºê¶ó¿ìÀúÀÓ');
		}
		if (xmlDoc != null) {
			xmlDoc.preserveWhiteSpace = true;
			xmlDoc.async = false;
			xmlDoc.load(url);
			return xmlDoc;
		}
	} catch(e) {
		alert(e.message);
	}
}

function ImageSelectSingle(xmlDoc, elementPath) {
	if (window.ActiveXObject) {
		return xmlDoc.selectSingleNode(elementPath);
	} else if (document.implementation && document.implementation.createDocument) {
		var nodes = xmlDoc.evaluate(elementPath, xmlDoc, null, XPathResult.ANY_TYPE, null);
		var result = nodes.iterateNext();
		return result;
	}
}

function ImageList(url, node, value, subnode, cnt, gubun) {
	try {
		loadXML = ImageloadXML(url);
		var at = "";
		var Path = "";
		var sImage = "";
		var bImage = "";
		var Title = "";
		var xmlNode = ImageSelectSingle(loadXML, "//Node/" + node +"[@Code='"+value+"']");
		var x = xmlNode.childNodes;
		var row = 0;
		var j = 0;
		var num = 0;
		var num1 = 0;
		var total_cnt = 0;
		var Content = "";
		var rowtotalcnt = 0;
		for(i = 0; i < x.length; i++) {
			if (x.item(i).nodeType == 1) {
				total_cnt++;
				if( num1 % cnt == 0) {
					rowtotalcnt++;
				}
				num1++;
			}
		}

		var str = "";

		if(gubun == "1") {
			str += "<div class='sub_photo_content_main sub_photo_left' id='photo2'>";
			str += "<div class='introduce_bg'>";
			str += "<div class='sub_photo_content_sub'>";
			str += "<a href=';' onClick='MainPrev(0,"+total_cnt+","+rowtotalcnt+");return false;'><img src='/images/introduce/btn_pre.gif' align='middle' border='0' hspace='30' alt='ÀÌÀü'/></a></div>";
			str += "<div class='sub_photo_content_sub1'>";

			for(i = 0; i < x.length; i++) {
				if (x.item(i).nodeType == 1) {
					at = x[i].attributes;
					Path = (at.getNamedItem("Path"))?at.getNamedItem("Path").value:"";
					Title = xmlNode.getElementsByTagName("Title")[row].childNodes[0].nodeValue;
					sImage = xmlNode.getElementsByTagName("sImage")[row].childNodes[0].nodeValue;
					bImage = xmlNode.getElementsByTagName("bImage")[row].childNodes[0].nodeValue;
					Content = xmlNode.getElementsByTagName("Content")[row].childNodes[0].data

					if( row % cnt == 0 && row > 0) {
						str += "</div>";
						str += "<div class='sub_photo_content_sub2'><a href=';' onClick='MainNext("+(j+1)+","+total_cnt+","+rowtotalcnt+");return false;' onkeypress='MainNext("+(j+1)+","+total_cnt+","+rowtotalcnt+");return false;'><img src='/images/introduce/btn_next.gif' align='middle' border='0' hspace='30' alt='´ÙÀ½'/></a>";
						str += "</div>";
						str += "</div>";
						str += "</div>";
						str += "<div class='sub_photo_content_main sub_photo_nolist' id='photo"+(j+2)+"'>";
						str += "<div class='introduce_bg'>";
						str += "<div class='sub_photo_content_sub'>";
						str += "<a href=';' onClick='MainPrev("+(j)+","+total_cnt+","+rowtotalcnt+");return false;' onkeypress='MainPrev("+(j)+","+total_cnt+","+rowtotalcnt+");return false;'><img src='/images/introduce/btn_pre.gif' align='middle' border='0' hspace='30' alt='ÀÌÀü'/></a></div>";
						str += "<div class='sub_photo_content_sub1'>";
					}
					if( row % cnt == 0) num = 0;
					str += "<a href=';' onClick=\"ContentView("+num+",'"+Path+"','"+bImage+"',"+row+",'1');return false;\" onkeypress=\"ContentView("+num+",'"+Path+"','"+bImage+"',"+row+",'1');return false;\"><img src='"+Path+""+sImage+"' border='0' alt='"+Title+"' onmouseover='over("+(num+1)+","+row+")' onfocus='over("+(num+1)+","+row+")'/></a> ";

					str += "<div id='TempTitle"+(row+1)+"' class='sub_photo_nolist'>"+Title+"</div>";
					str += "<div id='TempContent"+(row+1)+"' class='sub_photo_nolist'>"+Content+"</div>";

					if( row % cnt == 0) j++;
					num++;
					row++;
				}
			}


			for(ii = 0; ii < cnt - num; ii++) {
				str += "<img src='/images/introduce/introduce_p_noimages.gif'/> ";
			}
			str += "</div>";
			str += "<div class='sub_photo_content_sub2'><a href=';' onClick='MainNext("+(row+1)+","+total_cnt+","+rowtotalcnt+");return false;' onkeypress='MainNext("+(row+1)+","+total_cnt+","+rowtotalcnt+");return false;'><img src='/images/introduce/btn_next.gif' align='middle' border='0' hspace='30' alt='´ÙÀ½'/></a>";
			str += "</div>";
			str += "</div>";
			str += "</div>";
		} else if(gubun == "2") {
			str += "<div class='sub_photo_content_main_01' id='photo2'>";
			str += "<div class='sub_photo_content_sub_01'><a href=';' onClick='MainPrev(0,"+total_cnt+");return false;' onkeypress='MainPrev(0,"+total_cnt+");return false;'><img src='/images/memorial/btn_pre.gif' hspace='6' align='middle' border='0' alt='ÀÌÀü'/></a></div>";
			str += "<div class='sub_photo_content_sub_02'>";
			for(i = 0; i < x.length; i++) {
				if (x.item(i).nodeType == 1) {
					at = x[i].attributes;
					Path = (at.getNamedItem("Path"))?at.getNamedItem("Path").value:"";
					Title = xmlNode.getElementsByTagName("Title")[row].childNodes[0].nodeValue;
					sImage = xmlNode.getElementsByTagName("sImage")[row].childNodes[0].nodeValue;
					bImage = xmlNode.getElementsByTagName("bImage")[row].childNodes[0].nodeValue;

					if( row % cnt == 0 && row > 0) {
						str += "</div>";
						str += "<div class='sub_photo_content_sub_03'><a href=';' onClick='MainNext("+(j+1)+","+total_cnt+","+rowtotalcnt+");return false;' onkeypress='MainNext("+(j+1)+","+total_cnt+","+rowtotalcnt+");return false;'><img src='/images/memorial/btn_next.gif' hspace='3' align='middle' border='0' alt='´ÙÀ½'/></a></div>";
						str += "</div>";
						str += "<div class='sub_photo_content_main_01 sub_photo_nolist' id='photo"+(j+2)+"'>";
						str += "<div class='sub_photo_content_sub_01'><a href=';' onClick='MainPrev("+(j)+","+total_cnt+","+rowtotalcnt+");return false;' onkeypress='MainPrev("+(j)+","+total_cnt+","+rowtotalcnt+");return false;'><img src='/images/memorial/btn_pre.gif' hspace='6' align='middle' border='0' alt='ÀÌÀü'/></a></div>";
						str += "<div class='sub_photo_content_sub_02'>";
					}
					if( row % cnt == 0) num = 0;
					str += "<div class='sub_photo_content_sub_04 memorial_box02'><a href=';' onClick=\"ContentView("+num+",'"+Path+"','"+bImage+"',"+row+",'2');return false;\" onkeypress=\"ContentView("+num+",'"+Path+"','"+bImage+"',"+row+",'2');return false;\"><img src='"+Path+""+sImage+"' border='0' hspace='2' vspace='2' border='0'/></a></div> ";
					str += "<div id='TempTitle"+(row+1)+"' class='sub_photo_nolist'>"+Title+"</div>";

					if( row % cnt == 0) j++;
					num++;
					row++;
				}
			}
			for(j = 0; j < cnt - num; j++) {
				str += "<div class='sub_photo_content_sub_04 memorial_box02'><img src='/images/memorial/no_img.gif' border='0' hspace='2' vspace='2' border='0'/></div> ";
			}
			str += "</div>";
			str += "<div class='sub_photo_content_sub_03'><a href=';' onClick='MainNext("+(row+1)+","+total_cnt+","+rowtotalcnt+");return false;' onkeypress='MainNext("+(row+1)+","+total_cnt+","+rowtotalcnt+");return false;'><img src='/images/memorial/btn_next.gif' hspace='3' align='middle' border='0' alt='´ÙÀ½'/></a></div>";
			str += "</div>";
		}
		document.write(str);
	} catch(e) {
		alert(e.message);
	}
}
function ContentView(no, pa, si, num, gubun) {
	var t1 = eval("document.getElementById('TempTitle"+(num+1)+"')");
	var t2 = eval("document.getElementById('TempContent"+(num+1)+"')");
	if(gubun == "1") {
		var r1 = document.getElementById("TitleLayer");
		var r2 = document.getElementById("ContentLayer");
		var r3 = document.getElementById("ImageLayer");
		if(r1) r1.innerHTML = t1.innerHTML;
		if(r2) r2.innerHTML = t2.innerHTML;
		r3.innerHTML = "<img src='"+pa+""+si+"' border='0' alt='"+t1.innerHTML+"'/>"
	} else if(gubun == "2") {
		var r1 = document.getElementById("TitleLayer");
		var r2 = document.getElementById("ContentLayer");
		var r3 = document.getElementById("ImageLayer");
		if(r1) r1.innerHTML = t1.innerHTML;
		if(r2) r2.innerHTML = t2.innerHTML;
		r3.innerHTML = "<img src='"+pa+""+si+"' alt='"+t1.innerHTML+"' hspace='11' border='0' alt='»çÁø' width='607' height='309'/>"
	}
}