/*
* basic.js
*
* 이 파일에는 사이트 전역에 공통으로 사용되는 자바스크립트 코드들을 모아 놓았다.
*
* v3.0
*
*/
/*============================================================================================================
*** 일반 함수들 *********************************************************************************************
*==========================================================================================================*/
/*
* MS IE 여부
* 브라우저의 버전은 확인하지 않음
*
*/
var _bMSIE = (navigator.userAgent.toLowerCase().indexOf("msie") >= 0);
/*
* 이벤트 객체
*
* FFox에서는 자동으로 전달되지 않아서 전역화 하였다.
*
*/
var objEvent = null;
/*
* 실행 콤포넌트
*
*/
if(_getRequestValue("call").substring(0,1) != "_")
document.write("");
/*
* 새창을 띄우고 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";
}
/*
* name으로 명시된 스타일값 value를 설정/삭제한다.
*
* 본 함수는 문서의 마지막 스타일시트 파일의 끝에 "name { value }" 형식의 스타일을 추가한다.
*
* 사용예)
* onclick="_toggleStyle('.date', 'display:none;')"
* onmouseover="_toggleStyle('#subject', 'color:red;background:#eee;')"
*
* 설명)
* 위 첫째 코드는 onclick 이벤트 발생시 class명이 'date'인 객체를 감추거나/보이거나 한다.
* 실제로 CSS에 추가/삭제되는 값은 아래와 같다.
* .date { display:none; }
* #subject { color:red; background:#eee; }
*
*
* v1.0 (06/01/05) 최초작성
*
*/
var _aToggleStyleIndex = Array(); //-- 스타일시트의 인덱스를 저장
var _aToggleStyleName = Array(); //-- 인덱스 참조용 텍스트명을 저장
function _toggleStyle(name, value){
//-- 상태변수 초기화
if(_aToggleStyleIndex[name] == null){
_aToggleStyleIndex[name] = -1;
_aToggleStyleName[_aToggleStyleName.length] = name;
}
//-- CSS 적용
var stylesheet = document.styleSheets[document.styleSheets.length-1];
if(_aToggleStyleIndex[name]<0){
if(_bMSIE){
_aToggleStyleIndex[name] = stylesheet.rules.length;
stylesheet.addRule(name, value, _aToggleStyleIndex[name]);
}
else{
_aToggleStyleIndex[name] = stylesheet.cssRules.length;
stylesheet.insertRule(name + " {" + value + "}", _aToggleStyleIndex[name]);
}
}
//-- CSS 제거
else{
if(_bMSIE)
stylesheet.removeRule(_aToggleStyleIndex[name]);
else stylesheet.deleteRule(_aToggleStyleIndex[name]);
//-- CSS 인덱스 조절
for(i = 0 ; i < _aToggleStyleName.length ; i++){
if(_aToggleStyleIndex[_aToggleStyleName[i]] > _aToggleStyleIndex[name])
_aToggleStyleIndex[_aToggleStyleName[i]]--;
}
_aToggleStyleIndex[name] = -1;
}
}
function _cssAdd(name, value){
var stylesheet = document.styleSheets[document.styleSheets.length-1];
if(_bMSIE)
stylesheet.addRule(name, value, stylesheet.rules.length);
else stylesheet.insertRule(name + " {" + value + "}", stylesheet.cssRules.length);
}
function _cssDelete(name, value){
value = value.replace(/[\s;]/, "").toLowerCase();
for(j = document.styleSheets.length-1 ; j >= 0 ; j--){
var stylesheet = document.styleSheets[j];
if(_bMSIE){
for(i = stylesheet.rules.length-1 ; i >= 0 ; i--){
if(name == stylesheet.rules(i).selectorText){
csstext = stylesheet.rules(i).style.cssText.replace(/[\s;]/, "").toLowerCase();
if(csstext == value)
stylesheet.removeRule(i);
}
}
}//if MSIE
}
}
/*
* 빈함수
*
* 보통 과 같이 동작을 하지 않고자 할때 사용한다.
*
* v1.0
*/
function _null(){
}
/*
* Embed 컨트롤 삽입
*
* 수정된 인터넷 익스플로러에서 상호작용 ActiveX 컨트롤 활성화 가이드
* (http://www.microsoft.com/korea/windows/ie/activex/activate/default.mspx)에
* 명시된 내용을 바탕으로 플레시나 동영상을 문서에 삽입시켜 자동으로 컨트롤 활성화한다.
* 다만, 본 함수로는