/* 메인 스크롤 스크립트 */

function addEvent(elm, evType, fn, capture) {
	if( !capture ) var capture = true;
	if(elm.addEventListener) {
		elm.addEventListener(evType, fn, capture);
		return true;
	} else if(elm.attachEvent) {
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	} else {
		elm['on' + evType] = fn;
	}
}


var objScroll = null;
var tokenPos = 0, startPosWindow = 0;
var startEventPos = startPosWindow = [];
function onMouseDown(evt) {
    evt = window.event || evt;
    objTmp = evt.srcElement || evt.target;
    //if( typeof console != 'undefined' ) console.log(objTmp);

    var outoffsetHeight = document.getElementById('main_hp_zone_list').offsetHeight;
    var inoffsetHeight = document.getElementById('real_contents').offsetHeight;
    //if( typeof console != 'undefined' ) console.log(inoffsetHeight, outoffsetHeight);
    
    //ie6 일때 offsetHeight 값을 전혀다르게 가져오는 버그때문에 고정값으로 만듬
    if( navigator.appVersion.indexOf("MSIE 6") > -1) outoffsetHeight=211;

    pos = inoffsetHeight - outoffsetHeight;
    tokenPos =  outoffsetHeight / pos;

    // check
    if( objTmp.className != 'main_scroll' ) return;

    objScroll = objTmp;
    startEventPos = evt.clientY;
    startPosWindow = objScroll.offsetTop;

    // cursor
    objScroll.style.cursor = 'n-resize';

    // set event
    document.documentElement.onmousemove = onMouseMove;
    document.documentElement.onmouseup = onMouseUp;

    // block - select element
    document.documentElement.onselectstart = function(){ return false; };
    document.documentElement.style.MozUserSelect = 'none';
}

function onMouseMove(evt) {
    // check
    evt = window.event || evt;
    if( objScroll == null ) return;
    if( objScroll.className != 'main_scroll' ) return;

    // 상하위치
    var Y = startPosWindow + evt.clientY - startEventPos;
    //if( typeof console != 'undefined' ) console.log('Y=', Y);

    // 상한선 체크
    if( Y < 0 ) Y = 0;
    else if( Y > 180 ) Y = 180;
    objScroll.style.top = Y + 'px';


    // 레이아웃관계에서 top 이 81 였을때 중심이미지와 잘 어울림;;
    var calcTOP = (Y / tokenPos * 1.2);
    var TOP = calcTOP > 96 ? 96 : calcTOP;

    // contents 위치
    //console.log(tokenPos);
    document.getElementById('main_hp_zone_list').style.top = -(TOP) + 'px';
}

function onMouseUp(evt) {
    // cursor
    objScroll.style.cursor = '';

    objScroll = null;

    // delete event
    document.documentElement.onmousemove = null;
    document.documentElement.onmouseup = null;

    // nonblock - select element
    document.documentElement.onselectstart = null;
    document.documentElement.style.MozUserSelect = null;
}

deltaSumWheel = 0;
function handle(delta) {
		deltaSumWheel -= (delta * 8.3);
		//if( typeof console != 'undefined' ) console.log(deltaSumWheel);

        // 상한선 체크
        if( deltaSumWheel < 0 ) deltaSumWheel = 0;
        else if( deltaSumWheel > 97 ) deltaSumWheel = 97;
        //else if( deltaSumWheel > 81.7 ) deltaSumWheel = 81.7;

		document.getElementById('main_hp_zone_list').style.top = -(deltaSumWheel) + 'px';
		document.getElementById('main_hp_zone_scrollbar').style.top = deltaSumWheel * 1.85 + 'px';
}

function wheel(event) {
        var delta = 0;
        if (!event)
                event = window.event;
        if (event.wheelDelta) {
                delta = event.wheelDelta/120;
                if (window.opera)
                        delta = -delta;
        } else if (event.detail) {
                delta = -event.detail/3;
        }
        if (delta)
                handle(delta);

		if( event.preventDefault ) event.preventDefault();
		event.returnValue = false;
}

function overWheelHandler(mode, evt) {
    evt = window.event || evt;
    obj = evt.srcElement || evt.target;
    if( typeof console != 'undefined' ) console.log('mode=', mode);
    if( typeof console != 'undefined' ) console.log(obj.parentNode.tagName);
    //if( obj.offsetParent.id != 'main_hp_zone_list') return;

    switch(mode) {
        case 1:
            if (window.addEventListener) {
                    obj.addEventListener('DOMMouseScroll', wheel, false);
            }
            obj.onmousewheel = wheel;
            break;
        case 2:
            return;
            if (window.removeEventListener) {
                    obj.removeEventListener('DOMMouseScroll', wheel, false);
            }
            obj.onmousewheel = null;
            break;
    }
};

addEvent(window, 'load', function() {
    var obj = document.getElementById('main_hp_zone_list');
    if (window.addEventListener) {
        obj.addEventListener('DOMMouseScroll', wheel, false);
    }
    obj.onmousewheel = wheel;
});