function addLoadEvent(func) {
	var oldonLoad = window.onload;
	if (typeof window.onload != "function") {
			window.onload = func;
	}else {
		window.onload = function(){
			oldonLoad();
			func();
		}
	}
}
function getElementsByClassName2(clsName,parentNode) {
 var arr = new Array();
 if (parentNode == null) {
  var elems = document.getElementsByTagName("*");
 } else {
  var elems = parentNode.getElementsByTagName("*");
 }
 for ( var cls, i = 0; ( elem = elems[i] ); i++ ) {
  if ( elem.className == clsName ) {
   arr[arr.length] = elem;
  }
 }
 return arr;
}

function insertTag(node,tagName,text,url){
/* 
Element를 쉽게 집어넣자.
사용예 : 
	insertTag(node,"text","글자"); TextNode를 생성하여 node에 집어넣는다.
	insertTag(node,"strong","강조할 글자");p,strong, em, span,ins 같은 태그안에 Textnode를 생성하여 node안에 삽입한다.
	insertTag(node,"br");  br, hr 같은 태그를 집어넣을때.
	insertTag(node,"img","대치문자","그림주소") img 태그를 사용 그림을 넣는다.
	insertTag(node,"a","하이퍼링크 이름","하이퍼링크 주소 URL") 하이퍼링크 를 생성한다.

*/

	if (tagName!="text") var el = document.createElement(tagName);
	if (tagName=="img") {
			el.setAttribute("alt",text);
			el.setAttribute("src",url);
	}
    if (text) {
		var txt = document.createTextNode(text);
		if (tagName!="text") el.appendChild(txt);
	}
    if (tagName!="text") node.appendChild(el);
	if (tagName=="text") node.appendChild(txt);
	if (tagName=="a" && url) el.setAttribute("href",url);
}

function insertInput(node,value,type,name){
	var p_el = document.createElement("p");
	p_el.className = name;
	var input_el = document.createElement("input");
	if(!type)type="submit";
	input_el.setAttribute("type",type);
	if (name) input_el.setAttribute("name",name);
	if (value) input_el.setAttribute("value",value);
	p_el.appendChild(input_el);
	node.appendChild(p_el);
}



function addCSS(href,title,media){
	if (document.getElementsByTagName("head").length==0)return false;
	var head = document.getElementsByTagName("head")[0];
	var CSS = document.createElement("link");
	if(title)CSS.setAttribute("title",title);
	CSS.setAttribute("type","text/css");
	CSS.setAttribute("href",href);
	CSS.setAttribute("rel","stylesheet");
	CSS.setAttribute("media","all");
	if (media) CSS.setAttribute("media",media);
	head.appendChild(CSS);
}

addLoadEvent(kongbaguniTextPictureCSSLink);
function kongbaguniTextPictureCSSLink() {
	addCSS("http://kongbaguni.net/project/javascript-game/textPicture/kongbaguniTextPicture.css")		
}

function removeChildAll(node){
	for (var i=0;i<node.childNodes.length;i++){
        node.removeChild(node.childNodes[i]);
	}
}

addLoadEvent(kongbaguniTextPicture);
function kongbaguniTextPicture() {
	if (!document.getElementById)return false;
	if (!document.getElementById("kongbaguniTextPicture"))return false;

	var topEl = document.getElementById("kongbaguniTextPicture");
	var p_el = document.createElement("p");
	insertTag(p_el,"text","문자로 그림을 그리는 자바스크립트 입니다.");
	insertTag(p_el,"br");
	insertTag(p_el,"text","이 스크립트가 잘 작동하는 브라우저는 ");
	insertTag(p_el,"a","파이어폭스","http://www.mozilla.or.kr/ko/firefox/");
    insertTag(p_el,"text",",");
	insertTag(p_el,"a","사파리","http://www.apple.com/safari/");
    insertTag(p_el,"text",",");
    insertTag(p_el,"a","구글크롬","http://www.google.com/chrome/");
    insertTag(p_el,"text",",");
    insertTag(p_el,"a","오페라","http://www.opera.com/)");
    insertTag(p_el,"text",",");
    insertTag(p_el,"a","익스플로러 8","http://www.microsoft.com/korea/windows/internet-explorer/default.aspx");

	insertTag(p_el,"text"," 등입니다.");
	insertTag(p_el,"hr");
	insertTag(p_el,"a","kongbaguni.net","http://kongbaguni.net");
	topEl.appendChild(p_el);

	// 자바스크립트 동작 안하는 브라우저 위한 경고문구 지우기 시작
	if (topEl.childNodes.length>0){
		removeChildAll(topEl);
	}
	if (topEl.getElementsByTagName("form").length>0){
		var form_el = topEl.getElementsByTagName("form");
		for (var i=0; i<form_el.length;i++){
		topEl.removeChild(form_el[i]);
		}
	}
	// 자바스크립트 동작 안하는 브라우저를 위한 경고문구 지우기 끝

	// 텍스트 버튼 생성 시작
	var buttonTexts = new Array();
	buttonTexts[0] = new Array(
		"　","─","│","┌","┐","┘","└","├","┬","┤","┴","┼");
	buttonTexts[1] = new Array(
		"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z");
	buttonTexts[2] = new Array(
		"A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z");
	buttonTexts[3] = new Array(
		"ㄱ","ㄴ","ㄷ","ㄹ","ㅁ","ㅂ","ㅅ","ㅇ","ㅈ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ","ㅏ","ㅑ","ㅓ","ㅕ","ㅗ","ㅛ","ㅜ","ㅠ","ㅡ","ㅣ");
	buttonTexts[4] = new Array(
		"ぁ","ぃ","ぅ","ぇ","ぉ","か","き","く","け","こ","さ","し","す","せ","そ","た","ち","っ","て","と","な","に","ぬ","ね");
	buttonTexts[5] = new Array(
		"☆","★","○","●","◎","◇","◆","□","■","△","▲","▽","▼","→","←","↑","↓","↔","〓","◁","◀","▷","▶","♤","♠","♡","♥","♧","♣","⊙","◈","▣","◐","◑","▒","▤","▥","▨","▧","▦","▩","♨","☏","☎","☜","☞");
	buttonTexts[6] = new Array(
		"㉠","㉡","㉢","㉣","㉤","㉥","㉦","㉧","㉨","㉩","㉪","㉫","㉬","㉭","㉮","㉯","㉰","㉱","㉲","㉳","㉴","㉵","㉶","㉷","㉸","㉹","㉺","㉻");
	buttonTexts[7] = new Array(
		"！","＇","，","．","／","：","；","？","＾","＿","｀","｜","｀","￣","、","。","·","‥","…","¨","〃","­","―","∥","＼","∼","´","ˇ","˘","˝","˚","˙","¸","˛","¡","¿","ː");
	buttonTexts[8] = new Array(
	"＋","－","＜","＝","＞","±","×","÷","≠","≤","≥","∞","∴","♂","♀","∠","⊥","⌒","∂","∇","≡","≒","≪","≫","√","∽","∝","∵","∫","∬","∈","∋","⊆","⊇","⊂","⊃","∪","∩","∧","∨","￢","⇒","⇔","∀","∃","∮","∑","∏");
	topEl.buttons = document.createElement("ul");
	topEl.buttons.className = "text button";
	for (var i=0; i<buttonTexts.length;i++){
		var first_li_el = document.createElement("li");
		topEl.buttons.appendChild(first_li_el);
		var ol_el = document.createElement("ol");

		var a_el = document.createElement("a");
        first_li_el.appendChild(a_el);
		var text = document.createTextNode(buttonTexts[i][0]+buttonTexts[i][1]+buttonTexts[i][2]+"...");
		a_el.className = "tab tab"+i ;
		a_el.appendChild(text);
        a_el.setAttribute("href","#");
        a_el.onclick = function () {
			for (var i=0;i<this.parentNode.parentNode.childNodes.length;i++){
				this.parentNode.parentNode.childNodes[i].className = "";
			}
			this.parentNode.className = "selectTab";
			var SB = getElementsByClassName2("select",this.parentNode);
			for (var i=0;i<SB.length;i++){
				if (topEl.selectTextValue!=SB[i].childNodes[0].childNodes[0].nodeValue){
				SB[i].className = "";
				}
			}
            return false;
        }

		first_li_el.appendChild(ol_el);
		ol_el.className = "textList"+i;

		for (var j=0;j<buttonTexts[i].length;j++){
			var li_el = document.createElement("li");
			ol_el.appendChild(li_el);
			var a_el = document.createElement("a");
			li_el.appendChild(a_el);
			a_el.setAttribute("href","#");
			a_el.onclick = function(){
				for (var i=0; i<this.parentNode.parentNode.childNodes.length; i++){
					this.parentNode.parentNode.childNodes[i].className = "";
				}
				this.parentNode.className = "select";
				topEl.selectTextValue = this.childNodes[0].nodeValue;
				/*
				removeChildAll(topEl.selectText);
				insertTag(topEl.selectText,"text",topEl.selectTextValue);
				*/
				topEl.selectText.text.value = topEl.selectTextValue;
				return false;
			}
			a_el.onmousedown = function(){ this.onclick; }
			var txt = document.createTextNode(buttonTexts[i][j]);
			a_el.appendChild(txt);
			if (i==0 && j==0){
				li_el.className = "select";
            	topEl.selectTextValue = buttonTexts[i][j];
			}
		}
	}
	topEl.appendChild(topEl.buttons);
	// 텍스트 버튼 생성 끝

	// 지금 선택한 텍스트를 표시하는 장치 시작	
	topEl.selectText = document.createElement("form");
	topEl.selectText.setAttribute("action","");
	topEl.selectText.setAttribute("method","get");
	topEl.selectText.className = "selectText";
	insertInput(topEl.selectText,topEl.selectTextValue,"text","text"); 
	topEl.appendChild(topEl.selectText);
	topEl.selectText.onsubmit = function(){
		topEl.selectTextValue = this.text.value;
		return false;
	}
	// 지금 선택한 텍스트를 표시하는 장치 끝 

	// 가로열 세로열 설정하기 시작
	topEl.form = document.createElement("form");
	topEl.form.setAttribute("action","");
	topEl.form.setAttribute("method","get");
	topEl.form.className = "input";
	var inputValue = new Array();
	inputValue[0]={"name":"col","min":10,"max":40,"title":"가로"}
	inputValue[1]={"name":"row","min":5,"max":100,"title":"세로"}
	var p_el = document.createElement("p");
	for (var i=0;i<inputValue.length;i++){
		var select_el = document.createElement("select");
		select_el.setAttribute("name",inputValue[i]["name"]);
		for (var j=inputValue[i]["min"]; j<=inputValue[i]["max"];j++){
			option_el = document.createElement("option");
			option_el.setAttribute("value",j);
			insertTag(option_el,"text",j);
			select_el.appendChild(option_el);
		}
		insertTag(p_el,"span"," "+inputValue[i]["title"]+" ");
		p_el.appendChild(select_el);
	}
	topEl.form.appendChild(p_el);
	insertInput(topEl.form,"생성");
	topEl.appendChild(topEl.form);
	topEl.form.onsubmit = function(){
		var col = topEl.form.col.value;
		var row = topEl.form.row.value;
		topEl.work = document.createElement("div");
		topEl.work.className = "work";
		topEl.work.buttons = new Array();
		for (var i=0;i<=row;i++){
			topEl.work.buttons[i] = new Array();
			p_el = document.createElement("p");
			for (var j=0;j<=col;j++){
				topEl.work.buttons[i][j] = document.createElement("a");
				insertTag(topEl.work.buttons[i][j],"text",buttonTexts[0][0]);
				topEl.work.buttons[i][j].setAttribute("href","#");
				topEl.work.buttons[i][j].onclick = function(){
					removeChildAll(this);
					insertTag(this,"text",topEl.selectTextValue);
					return false;
				}
				topEl.work.buttons[i][j].onmousedown = function () { this.onclick; }
				p_el.appendChild(topEl.work.buttons[i][j]);
			}
			topEl.work.appendChild(p_el);
		}
		
		topEl.insertBefore(topEl.work,topEl.form);
		topEl.removeChild(topEl.form);
		kongbaguniTextPicturePosting(topEl);
		return false;
	}
	// 가로열 세로열 설정하기 끝
}
function kongbaguniTextPicturePosting(topEl){
	topEl.form = document.createElement("form");
	topEl.appendChild(topEl.form);
	topEl.form.setAttribute("action","http://kongbaguni.net/project/javascript-game/textPicture/");
	topEl.form.setAttribute("method","post");
	p_el = document.createElement("p");
	topEl.form.appendChild(p_el);
	var inputs = new Array();
	inputs[0] = {"name":"name","type":"text","title":"이름"}
	inputs[1] = {"name":"email","type":"text","title":"이메일"}
	inputs[2] = {"name":"site","type":"text","title":"홈페이지","value":"http://"}
	inputs[3] = {"name":"tag","type":"text","title":"태그"}
	inputs[4] = {"name":"comment","type":"text","title":"한마디"}
	for (var i=0; i<inputs.length;i++){
		var label_el = document.createElement("label");
		label_el.className = inputs[i]["name"];
		p_el.appendChild(label_el);
		insertTag(label_el,"text",inputs[i]["title"]);
		var input_el = document.createElement("input");
		input_el.setAttribute("name",inputs[i]["name"]);
		input_el.setAttribute("type",inputs[i]["type"]);
		if (inputs[i]["value"])input_el.setAttribute("value",inputs[i]["value"]);
		label_el.appendChild(input_el);
	}
	topEl.form.onsubmit = function(){
			var textPic = "";
			for (var i=0;i<topEl.work.buttons.length;i++){
				for (var j=0;j<topEl.work.buttons[i].length;j++){
					textPic = textPic + topEl.work.buttons[i][j].childNodes[0].nodeValue;
				}
				textPic = textPic + "<br />";
			}
			textPic = "<p>"+textPic+"</p>";
			insertInput(this,textPic,"hidden","textPic");
			if (this.name.value=="") {
				alert ("이름을 적지 않았습니다.");
				this.name.focus();
				return false;
			}
	}
	insertInput(p_el,"저장하기");
}