/*============================================================================================================
*** 일반 함수들 *********************************************************************************************
*==========================================================================================================*/
/*
* 새창을 띄우고 url 문서를 올린다.
* 이때 option 가 있으면 적용한다.
* 기본 창의 모양은 스크롤바도 없고 크기도 조절할 수 없는 민자 윈도이다.
* ret 값이 참이면 리턴값으로 윈도 아이디를 돌린다(A, FORM 태그들에 사용할 수 있다.)
*
# v1.3 (04/07/18) retobj가 명시되면 생성 객체를 리턴한다.(document를 사용할 수 있음)
* v1.2 윈도피쳐값을 사이즈와 옵션으로 분리했다.
*
* v1.3
*/
var _winID = parseInt(Math.random()*10000);
function _openPopup(url, size, option, ret, retobj){
if(typeof(size) == "undefined")
features = "width=850,height=600";
else features = size;
if(typeof(option) == "undefined")
features += ",toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1";
else features = features + "," + option;
winID = "win" + _winID++;
popup = window.open(url, winID, features);
popup.focus();
if(typeof(ret) != "undefined"){
if(typeof(retobj) != "undefined") if(retobj) return(popup);
if(ret) return(winID);
}
}
/*
* img 로 지정된 이미지 파일을 새창을 띄워 출력한다.
* img는 ![]()
에 명시되는 이미지 소스 경로이다.
* 이미지를 보여주는 실제 페이지는 /imgview.html 이며, 따로 존재하여야 한다.
*
* v1.0
*/
function _viewImage(file){
_openPopup("/imgview.phtm?file=" + file, "width=200,height=200", "resizable=1");
}
/*
* 이미지소스변환 파일
*
* 본 함수는 이미지 롤오버에 사용된다.
*
* 예) 
*
* v1.0
*/
_TMP_IMG_SRC_ = "";
function _imgMouseOver(newsrc){
obj = window.event.srcElement;
if(obj.tagName != "IMG") return;
_TMP_IMG_SRC_ = obj.src;
obj.src = newsrc;
}
function _imgMouseOut(){
obj = window.event.srcElement;
if(obj.tagName != "IMG") return;
obj.src = _TMP_IMG_SRC_;
}
/*
* obj의 크기(스타일)를 변경한다.
*
* v1.0
*/
function _objectResize(obj, dw, dh){
if(dw > 0) obj.style.pixelWidth += dw;
if(dw < 0 && obj.style.pixelWidth > -dw) obj.style.pixelWidth += dw;
if(dh > 0) obj.style.pixelHeight += dh;
if(dh < 0 && obj.style.pixelHeight > -dh) obj.style.pixelHeight += dh;
}
/*
* obj를 Fade In/Out 시킨다.
* obj는 임의의 문서요소이며, mode값이 +1이면 FadeOut, -1(default)이면 FadeIn작동을 하며, speed값은 1~10(default 5)의 값이다.
* 본 함수는 obj 내부의 텍스트에만 적용(흰색<->검정색)된다. 즉, 이미지나, 별도의 내부 객제에 포함된 요소는 적용되지 않아 특별한 효과를 주고 있다.
* (작동예는 www.orkut.com을 보면 된다)
*
* v1.0 (orkut에서 힌트를 얻었다)
*/
var _fade = 0; //증감수치
var _fadeObj = null; //대상객체
var _fadeValue = 0; //현재값
function _fadeInOut(obj, mode, speed){
if(typeof(mode) == "undefined") mode = -1;
if(typeof(speed) == "undefined") speed = 5;
if(speed < 1 || speed >10) speed = 5;
if(mode >= 0){
_fade = speed;
_fadeValue = 0;
}
else{
_fade = -1*speed;
_fadeValue = 255;
}
_fadeObj = obj;
__fadeInOut();
}
function __fadeInOut(){
_fadeObj.style.color = "rgb(" + _fadeValue + "," + _fadeValue + "," + _fadeValue + ")";
_fadeValue += _fade;
if(_fadeValue > 0 && _fadeValue < 255) setTimeout("__fadeInOut()", 10);
if(_fadeValue < 0) _fadeObj.style.color = "black";
if(_fadeValue > 255) _fadeObj.style.color = "white";
}
/*============================================================================================================
*** 탭 컨트롤 관련 함수들 ***********************************************************************************
*==========================================================================================================*/
/*
* 제목이 title인 단일탭 컨트롤을 그린다.
* 이때 id가 명시되어 있으면, _toggleObject() 함수를 포함시킨다.
*
* v1.2
*/
function _drawTab(title, id){
if(id != "") title = "" + title + "";
document.write(" | " + title + " |  |
| " + title + " | |