/*======================================== js_input ,

,<submit>,<select> 등을 제어

#사용제약
사용시 "공대여자는 예쁘다"를 나타내셔야합니다.

만든날 : 2007-08-08
수정일 : 2007-08-09
만든이 : mins01,mins,공대여자
홈페이지 : http://www.mins01.com 
NateOn&MSN : mins01(at)lycos.co.kr

#사용된 아이콘
http://www.famfamfam.com/lab/icons/silk/
========================================*/
/*========================================================
JS의 URL경로
========================================================*/
var temp = document.getElementsByTagName("SCRIPT");
temp = temp[temp.length-1].src;
temp = temp.substr(0,temp.lastIndexOf('/'));
if(temp!=''){var js_input_path = temp;
}else{var js_input_path='.';}
temp = null;

/*========================================================
input_checkbox_checked_all()
같은 이름에 복수의 checkbox,radiobutton의 checked 의 상태를 바꾼다.
ex> 
input_checkbox_checked_all([대상들],[체크상태])
[체크상태]:true,false

========================================================*/
function input_checkbox_checked_all(tas,bool){
	var m = tas.length;
	if(m){
		for(var i=0;i<m;i++)
		{
			tas[i].checked=bool;
		}
	}else{
		tas.checked=bool;
	}
}
/*========================================================
js_input_checkboxs_skin_all(win,force)
js_input_checkboxs_skin_all([적용할 window 객체],[form 밖의 <input>도 처리])
[적용할 window 객체]: 선택옵션(기본값: window);
[form 밖의 input도 처리]: 선택옵션(기본값: false, form안의 <input>만 처리);

해당 window 안의 모든 checkbox와 radiobutton의 스킨을 바꾼다
(바뀐건 다시 바꾸지 않는다)
<input>은 전부 form에 있어야만 한다(기본값)
force를 true로 하면 모든 <input>을 체크한다

========================================================*/
function js_input_checkboxs_skin_all(ta,force){
	if(!ta){ta = window.document;}
	var frms = ta.forms;
	if(frms){
		for(var i=0,m=frms.length;i<m;i++){
			for(var i2=0,m2=frms[i].elements.length;i2<m2;i2++){
				if(frms[i].elements[i2].tagName=='INPUT'){
					if(frms[i].elements[i2].type=='checkbox'){js_input_checkboxs_skin(frms[i].elements[i2]);}
					else if(frms[i].elements[i2].type=='radio'){js_input_radiobuttons_skin(frms[i].elements[i2]);	}
				}
			}
		}
	}
	if(force){
		var inputs = ta.getElementsByTagName('input');
		for(var i2=0,m2=inputs.length;i2<m2;i2++){
			if(inputs[i2].tagName=='INPUT'){
				if(inputs[i2].type=='checkbox'){js_input_checkboxs_skin(inputs[i2]);}
				else if(inputs[i2].type=='radio'){js_input_radiobuttons_skin(inputs[i2]);}
			}
		}
	}	
}
/*========================================================
js_input_checkboxs_skin([대상 체크박스,라디오버튼들],[체크된 이미지 URL],[체크안된 이미지 URL])
#같은 이름에 복수의 checkbox,radiobutton의 스킨을 바꾼다.
[체크된 이미지 URL],[체크안된 이미지 URL] : 선택사항
ex> 
js_input_checkboxs_skin(document.getElementById('checkbox'),'accept.gif','cancel.gif');

#주의 
이 함수를 사용시
<label for='xxx'>는 동작하지 않습니다.

#추가
js_input_radiobuttons_skin()
라디오 버튼용(기본 아이콘만 다름)js_input_checkboxs_skin_selected_all()
js_input_checkboxs_skin를 적용한 경우에 사용하는 모든 대상 checked함수
========================================================*/
function js_input_checkboxs_skin_checked_all(tas,bool,img1,img2){
	if(!img1){img1 = 'image/kd_cb_check.png';}
	if(!img2){img2 = 'image/kd_cb_normal.png';}	
	var m = tas.length;
	if(m){
		for(var i=0;i<m;i++)
		{		tas[i].checked=bool;
		if(tas[i].checked) {tas[i].img.src=img1;}
		else {tas[i].img.src=img2;}			
		}
	}else{
		tas.checked=bool;
		if(tas[i].checked) {tas[i].img.src=img1;}
		else {tas[i].img.src=img2;}
	}	
}
function js_input_radiobuttons_skin(tas,img1,img2){
	if(!img1){img1 = js_input_path+'/icon.tick.png';}
	if(!img2){img2 = js_input_path+'/icon.stop.png';}
	js_input_checkboxs_skin(tas,img1,img2);
}
function js_input_checkboxs_skin(tas,img1,img2){
	if(!img1){img1 = 'image/kd_cb_check.png';}
	if(!img2){img2 = 'image/kd_cb_normal.png';}
	if(tas.form&&tas.name){tas = tas.form[tas.name];}
	if(!tas.length){
		js_input_checkbox_skin(tas,img1,img2);
		//1개만 있을 경우는 체크박스와 같다.
	}
	for(var i=0,m=tas.length;i<m;i++){
		var ta = tas[i];
		if(ta.img){continue;}
		var img = document.createElement('img');
		img.align="absmiddle";
		if(ta.checked) img.src=img1;
		else img.src=img2
		img.ta = ta;
		ta.img = img
		img.onclick=function(){
			this.ta.click();
			var ta1 = null
			for(var i=0,m=tas.length;i<m;i++){					if(tas[i].checked) {tas[i].img.src=img1;}
				else {tas[i].img.src=img2;}
				}
			if(ta.onchange)	ta.onchange();
		}
		ta.parentNode.insertBefore(img,ta);
		
		img.style.cssText=ta.style.cssText;
		img.style.cursor='pointer';
		img.title=ta.title;	
		ta.style.display='none';
	}
}

/*========================================================
js_input_checkbox_skin(document.getElementById('checkbox'),'accept.gif','cancel.gif');
js_input_checkboxs_skin 의 단수형
========================================================*/
function js_input_radiobutton_skin(tas,img1,img2){
	if(!img1){img1 = js_input_path+'/icon.tick.png';}
	if(!img2){img2 = js_input_path+'/icon.stop.png';}
	js_input_checkbox_skin(tas,img1,img2);
}
function js_input_checkbox_skin(ta,img1,img2){
	if(!img1){img1 = 'image/kd_cb_check.png';}
	if(!img2){img2 = 'image/kd_cb_normal.png';}
	if(ta.img){return;}	
	var img = document.createElement('img');
	img.align="absmiddle";
	if(ta.checked) img.src=img1;
	else img.src=img2	
	img.ta = ta;
	ta.img = img 
	img.onclick=function(){
		ta.click();
		if(ta.checked) {this.src=img1;}
		else {this.src=img2;}
		if(ta.onchange)	ta.onchange();
	}
	ta.parentNode.insertBefore(img,ta);
	
	img.style.cssText=ta.style.cssText;
	img.style.cursor='pointer';
	img.title=ta.title;	
	ta.style.display='none'
}

/*========================================
js_input_file_skin([실제 filebox],[더미 textbox],[대신 보여줄 버튼])
<input type='file'>의 버튼 모양을 바꿉니다.

ex>
js_input_file_skin(document.test.test_file,document.test.test_textbox,document.test.btn_filesearch)

========================================*/
function js_input_file_skin(ta_file,ta_textbox,ta_button){
	if(!ta_file||!ta_textbox||!ta_button){return false;}
	var span = document.createElement('span');
	if (ta_file.nextSibling){ ta_file.parentNode.insertBefore(span,ta_file.nextSibling);}
	else{ ta_file.parentNode.appendChild(span);}
	ta_textbox.size = ta_file.size ;
	ta_textbox.value = ta_file.value;
		
	span.appendChild(ta_file);	
	span.appendChild(ta_textbox);
	span.appendChild(ta_button);

ta_file.style.verticalAlign='middle'
	ta_textbox.style.verticalAlign='middle'
	ta_button.style.verticalAlign='middle'		
	if(ta_button.offsetWidth > 120){
		ta_button.style.width='80px'
	}
	if(ta_button.offsetHeight > 20){
		ta_button.style.height='20px'
	}	
	span.style.position = 'relative';
	span.style.top='0px';
	span.style.left='0px';
	ta_textbox.style.position = 'relative';
	ta_textbox.style.zIndex = '100';	
		
	ta_textbox.size=ta_file.size;
	with(ta_file.style){
		width = ta_textbox.offsetWidth+ta_button.offsetWidth+'px';
		position = 'absolute';
		top=left='0px';
		zIndex='99';
		if(document.all){
			filter="Alpha(opacity=0)";
		}else{
			opacity='0';
		}
	}
	ta_textbox.onclick=function(){this.blur();}
	ta_file.onkeydown=function(){this.blur();}
}

/*================================================================
js_input_limit_string([대상],[제한글자])
입력 글자수 제한 
textarea에 사용
//================================================================*/
function js_input_limit_string(ta,limit){
	var fn=function(){
		if(this.value.length>limit){
			alert('Limit : '+limit);
			this.value=this.value.substr(0,limit);

}
	}
	ta.onkeyup = fn;
}

/*================================================================
input_textbox_updownbutton(this_s,v_min,v_max,step)
input_textbox_updownbutton([대상],[최소값],[최대값],[단계값],[-버튼이미지URL],[+버튼이미지URL]);
textbox옆에 -,+ 버튼을 붙인다.
//================================================================*/
function input_print_updown(this_s,v_min,v_max,step){
	//하위호환성	input_textbox_updownbutton(this_s,v_min,v_max,step,null,null);
}
function input_textbox_updownbutton(this_s,v_min,v_max,step,img_m,img_p){
	//==========================
	// 초기화
	//==========================		
	if(this_s.type!='text'){return;}
	if(!img_m){img_m = js_input_path+'/icon.minus.png';}
	if(!img_p){img_p = js_input_path+'/icon.plus.png';}	
	if(!isFinite(step))step=1;
	if(isFinite(v_max) && this_s.value>=v_max){this_s.value=v_max;}
	if(isFinite(v_min) && this_s.value<=v_min){this_s.value=v_min;}
	//==========================
	// SPAN에 출력후 textbox를 속에 넣는다.
	//==========================	if(!step) step=1;
	var span = document.createElement('span');
	//span.style.borderStyle='solid';
	if (this_s.nextSibling) 
	this_s.parentNode.insertBefore(span,this_s.nextSibling);
	else this_s.parentNode.appendChild(span);

span.appendChild(this_s);
	//==========================
	// 버튼 생성부
	//==========================
	var input_m = document.createElement('img');
	input_m.src=img_m;
	input_m.alt='-'+step;
	input_m.style.cursor='pointer';
	input_m.align="absmiddle";
	var input_p = input_m.cloneNode(true);
	input_p.src=img_p;
	input_p.alt='+'+step;
	//==========================
	// 버튼 이벤트 생성부
	//==========================
	to =null;
	var to_clear = function(){ clearTimeout(to);	}//타임아웃 클리어
	var init = function(){
		if(isNaN(this_s.value)){this_s.value = 0;}
		if(isFinite(v_min) && this_s.value <v_min){
			this_s.value = v_min
			to_clear();return;
		}else if(isFinite(v_max) && this_s.value >v_max){
			this_s.value = v_max
			to_clear();return;
		}
	}
	var m = function(){
		this_s.value = parseFloat(this_s.value)-step;
		init();
	}
	var m_d = function(){
		m();to = setTimeout(m_d,200);
	}	
	var p = function(){
		this_s.value  = parseFloat(this_s.value)+ step;
		init();
	}
	var p_d = function(){
		p();to = setTimeout(p_d,200);
	}
	input_m.onmousedown = m_d;
	input_m.onmouseout = to_clear;
	input_m.onmouseup = to_clear;
	input_p.onmousedown = p_d;
	input_p.onmouseout = to_clear;
	input_p.onmouseup = to_clear;
	//==========================
	// 버튼을 붙인다.
	//==========================	
	span.appendChild(input_m);
	span.appendChild(input_p);	
	//==========================
	// 마지막 초기화
	//==========================		
	init();
}

/*================================================================
timer = input_textbox_flow(ta,delay,st_dealy)
[setInterval 타이머] = input_textbox_flow([대상],[글자출력 딜레이],[시작 딜레이])
한글자씩 적히는 효과
//================================================================*/
function input_textbox_flow(ta,delay,st_delay){
	var value = ta.value;
	var timer = null;
	if(!delay){delay=100;}
	if(!st_delay){st_delay=0;}
	ta.value = '';	
	var fn = function(){
		var  ch='';
		var i = ta.value.length;
		ch = value.charAt(i);
		ta.value+=ch;
		if(ta.value.length==value.length){
			clearInterval(timer);
		}
	}
	var fn_st = function(){
		timer = setInterval(fn,delay);
	}	
	setTimeout(fn_st,st_delay);
	return timer;
}