//<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
function addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
		EventCache.add(obj, type, fn);
	}
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
		EventCache.add(obj, type, fn);
	}
	else {
		obj["on"+type] = obj["e"+type+fn];
	}
}

var EventCache = function(){
	var listEvents = [];
	return {
		listEvents : listEvents,
		add : function(node, sEventName, fHandler){
			listEvents.push(arguments);
		},
		flush : function(){
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				};
				item[0][item[1]] = null;
			};
		}
	};
}();

function getElementsByClass(searchClass,node,tag) {
    var classElements = new Array();
    if ( node == null )
        node = document;
    if ( tag == null )
        tag = '*';
    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
    for (i = 0, j = 0; i < elsLen; i++) {
        if ( pattern.test(els[i].className) ) {
            classElements[j] = els[i];
            j++;
        }
    }
    return classElements;
}


function OnloadReplace() {  
    GetReplaceSelects();
    GetReplaceTextarea();
    allBlur();
}

// 포커스 제거
var ForBlurAnchors = document.getElementsByTagName('a');
function allBlur() { 
  for (i=0;i<ForBlurAnchors.length;i++) { 
    ForBlurAnchors[i].onfocus = new Function("ForBlurAnchors["+i+"].blur()"); 
  }
}

//select box 배열과 치환할 특정 className 설정
//sslectBasic을 기본으로, 지정된 class가 오는 경우에만 select DIV 치환을 실행
var REPLACE_SELECTS = new Array();
var REPLACE_SELECTS_CLASSNAME = new Array("SelectBasic","SelectPopup","SelectMoney","SelectType1","SelectType2","SelectType3");

var REPLACE_TEXTAREAS = new Array();
var REPLACE_TEXTAREAS_CLASSNAME = new Array("TextareaBasic");


//치환할 select박스 선별
function GetReplaceSelects() {
if (!$.browser.msie) return;
   
  //페이지내 모든 selectbox, textarea
  var GetAllSelects = document.getElementsByTagName('select');
  
  SelectedNum = 0;
  
  //조건에 맞는 class를 가진 select만 선별
  for(i=0; i<GetAllSelects.length; i++) {
    for(j=0; j<REPLACE_SELECTS_CLASSNAME.length; j++) {
      if(GetAllSelects[i].className == REPLACE_SELECTS_CLASSNAME[j]) {
        REPLACE_SELECTS[SelectedNum] = GetAllSelects[i];
        SelectedNum++;
      }
    }
  }
  
  //div치환 실행
  replaceSelects();
}
function GetReplaceTextarea() {
   
  //페이지내 모든 selectbox, textarea
  var GetAllTextareas = document.getElementsByTagName('textarea');
  
  TextareaNum = 0;
  
  //조건에 맞는 class를 가진 select만 선별
  for(i=0; i<GetAllTextareas.length; i++) {
    for(j=0; j<REPLACE_TEXTAREAS_CLASSNAME.length; j++) {
      if(GetAllTextareas[i].className == REPLACE_TEXTAREAS_CLASSNAME[j]) {
        REPLACE_TEXTAREAS[TextareaNum] = GetAllTextareas[i];
        TextareaNum++;
      }
    }
  }
  
  //div치환 실행
  replaceTextareas();
}


//textarea DIV 치환
function replaceTextareas() {
  
   for(var i=0; i < REPLACE_TEXTAREAS.length; i++) {
      
    //기존 textarea의 정보 구함
    var textareaWidth = findObjWidth(REPLACE_TEXTAREAS[i]);
    var textareaHeight = findObjHeight(REPLACE_TEXTAREAS[i]);
    var textareaClassName = REPLACE_TEXTAREAS[i].className;
    
    //기존 textarea에 id가 없을경우 임시id 부여
    if(REPLACE_TEXTAREAS[i].id == "") {
      REPLACE_TEXTAREAS[i].id = "RootTextareaID" + i;   
    }
    
    //textarea 를 DIV구성으로 치환
    var textAreaBox1 = document.createElement('div');
    var textAreaBox2 = document.createElement('div');
    var textAreaBox3 = document.createElement('div');
    var textAreaBox4 = document.createElement('div');
    var textAreaCopy = document.createElement('textarea');
    
    //속성및 id부여
    textAreaBox1.className = textareaClassName + "_box1";
    textAreaBox2.className = textareaClassName + "_box2";
    textAreaBox3.className = textareaClassName + "_box3";
    textAreaBox4.className = textareaClassName + "_box4";
    textAreaCopy.className = textareaClassName + "_copy";
      
    textAreaBox1.style.position = 'absolute';
    textAreaBox1.style.top = findPosY(REPLACE_TEXTAREAS[i]);
    textAreaBox1.style.left = findPosX(REPLACE_TEXTAREAS[i]);
    textAreaBox1.style.width = textareaWidth;
    textAreaBox1.style.height = textareaHeight;
    textAreaCopy.id = "CopyTextareaID" + i; 
    textAreaCopy.style.width = textareaWidth-6+'px';
    textAreaCopy.style.height = textareaHeight-8+'px';
    textAreaCopy.innerText = REPLACE_TEXTAREAS[i].innerText;
    
    //div 정렬, 삽입
    textAreaBox4.appendChild(textAreaCopy);
    textAreaBox3.appendChild(textAreaBox4);
    textAreaBox2.appendChild(textAreaBox3);
    textAreaBox1.appendChild(textAreaBox2);
    
    //동작 text용
    //REPLACE_TEXTAREAS[i].style.position = 'relative';
    //REPLACE_TEXTAREAS[i].style.left = '-150px';
    
    //기존 textarea
    REPLACE_TEXTAREAS[i].style.visibility = 'hidden';
    
    //textarea Div 삽입
    document.getElementsByTagName("body")[0].appendChild(textAreaBox1);
    
    //DIV치환된 textarea의 입력내용을 본래 textarea에 적용
    textAreaCopy.onkeyup = function() {
      for(var k=0; k < REPLACE_TEXTAREAS.length; k++) {
        document.getElementById(REPLACE_TEXTAREAS[k].id).innerText = document.getElementById("CopyTextareaID"+k).innerText;
      }
    }
		
   }
  
}

//selectbox DIV 치환
function replaceSelects() {
  
   for(var i=0; i < REPLACE_SELECTS.length; i++) {
      
    //기존 select박스의 정보 구함
    var selectWidth = findObjWidth(REPLACE_SELECTS[i]);
    var selectHeight = findObjHeight(REPLACE_SELECTS[i]);
    var selectClassName = REPLACE_SELECTS[i].className;
    
    //기존 select박스에 id가 없을경우 임시id 부여
    if(REPLACE_SELECTS[i].id == "") {
      REPLACE_SELECTS[i].id = "RootSelectID" + i;
    }
      
    //최초 선택된 option을 표시
    var REPLACE_SELECTS_TEXT = REPLACE_SELECTS[i].options[REPLACE_SELECTS[i].selectedIndex].innerHTML;
    
    //select 를 DIV구성으로 치환
    var selectArea = document.createElement('div');
    var textArea = document.createElement('a');
    var text = document.createTextNode(REPLACE_SELECTS_TEXT);
    
    //속성및 id부여
    selectArea.className = selectClassName + "_selectArea";
    selectArea.style.width = selectWidth;
    selectArea.style.position = 'absolute';
    selectArea.style.top = findPosY(REPLACE_SELECTS[i]);
    selectArea.style.left = findPosX(REPLACE_SELECTS[i]);
    textArea.id = "mySelectText"+i;
    
    //div 정렬
    textArea.appendChild(text);
    selectArea.appendChild(textArea);
    
    //기존 slect숨김
    REPLACE_SELECTS[i].style.visibility = 'hidden';
    
    //select div 삽입
    //REPLACE_SELECTS[i].parentNode.insertBefore(selectArea, REPLACE_SELECTS[i]);
    
    //클릭시 option div 보여줌
    textArea.href="javascript:showOptions("+i+")";
    
    //option DIV 구성,위치
    var optionsDiv = document.createElement('div');
    var optionHolder = document.createElement('p');
    optionsDiv.id = "optionsDiv"+i;
    optionsDiv.className = selectClassName + "_optionsDiv";
    optionsDiv.style.display = 'none';
    optionsDiv.style.position = 'absolute';
    optionsDiv.style.width = selectWidth + 'px';
    //optionsDiv.style.height= (REPLACE_SELECTS[i].options.length>=5) ? OptionScroll : 'auto';
    optionsDiv.style.top = findPosY(REPLACE_SELECTS[i])  + 'px';
    optionsDiv.style.left = findPosX(REPLACE_SELECTS[i]) + 'px';
    
    //option 내용 재현
    for(var j=0; j < REPLACE_SELECTS[i].options.length; j++) {
      var optionLink = document.createElement('a');
      var optionTxt = document.createTextNode(REPLACE_SELECTS[i].options[j].text);
      optionLink.href = "javascript:showOptions("+i+"); selectMe('"+REPLACE_SELECTS[i].id+"',"+j+","+i+");";
      optionLink.appendChild(optionTxt);
      optionHolder.appendChild(optionLink);
      optionsDiv.appendChild(optionHolder);
    }
    
    //slect Div 삽입
    document.getElementsByTagName("body")[0].insertBefore(selectArea,document.getElementsByTagName("body")[0].firstChild);
    
    //Option Div 삽입
    document.getElementsByTagName("body")[0].appendChild(optionsDiv);
		
		//높이(임시;)
		var OptionScroll = 88;
		document.getElementById('optionsDiv'+i).style.height = (REPLACE_SELECTS[i].options.length>=5) ? OptionScroll+'px' : 'auto';

		if (REPLACE_SELECTS[i].disabled == true) {
			selectArea.className += " SelectDisable";
			//textArea.disabled = true;
			textArea.href = '#';
		}
  }
}

// 옵션 DIV를 보여줌
function showOptions(g) {
    var Element = document.getElementById("optionsDiv"+g);
    if(Element.style.display == 'none') {Element.style.display = 'block';}
    else if(Element.style.display == 'block') {Element.style.display = 'none';}
}

function selectMe(selectFieldId,OptionNo,selectNo) {  
  //셀렉트 박스 동작 피드백
  selectField = document.getElementById(selectFieldId);
  selectField.selectedIndex = OptionNo;
selectField.fireEvent('onchange');
  //selectField.onchange();
  
  //치환된 DIV셀렉트에 선택한 옵션 적용
  textVar = document.getElementById("mySelectText"+selectNo);
  var newText = document.createTextNode(selectField.options[OptionNo].innerHTML);
  textVar.replaceChild(newText, textVar.childNodes[0]); 
}

//좌표구함
function findPosY(obj) {
  var posTop = 0;
  while (obj.offsetParent) {
    posTop += obj.offsetTop;
    obj = obj.offsetParent;
  }
  return posTop;
}

function findPosX(obj) {
  var posLeft = 0;
  while (obj.offsetParent) {
    posLeft += obj.offsetLeft;
    obj = obj.offsetParent;
  }
  return posLeft;
}


//크기구함
function findObjWidth(obj) {
  if(obj.style.width) return obj.style.width;
  return obj.offsetWidth;
}

function findObjHeight(obj) {
  if(obj.style.height) return obj.style.height;
  else return obj.offsetHeight;
}


addEvent(window, "load",  OnloadReplace);