var moz=document.getElementById&&!document.all
var moving = false;
var tempX = 0
var tempY = 0
var dex=""
var BarTop1 = 0
var BarTop2 = 470 //область перемещения ползунка
function ima_open(img,w,h){
window.open(img, 'image', 'top=0, left=0, height='+h+', width='+w);
}
if( navigator.userAgent.indexOf("IE") != -1 ) {
        var BarTop1 = 0
        var BarTop2 = 465
}

if( navigator.userAgent.indexOf("Gecko") != -1 ) {
        var BarTop1 = 0
        var BarTop2 = 470
}

function init_ScrollBar() {
        scrollTop = document.getElementById("contentarea").scrollTop
        diff = getDiff()
        scrollTop = scrollTop / diff
        document.getElementById("dragbar").style.top = scrollTop + 'px'
        elm_id = document.getElementById( 'dragbar' )
}

function getDiff() {
        scrollHeight = document.getElementById("contentarea").scrollHeight
        scrollbarHeight = document.getElementById("scrollbar").style.height
        scrollbarHeight = parseInt( scrollbarHeight )
        diff = scrollHeight / scrollbarHeight
        return diff
}

function check_height( top_offset ){
        if( navigator.userAgent.indexOf("Netscape") != -1 )
                document.getElementById("contentarea").style.overflow="auto"
        diff = getDiff() 
        top_offset = parseInt( top_offset )
        top_offset = top_offset * (diff - 1.07)
        document.getElementById("contentarea").scrollTop = top_offset
}

function drag() {
        el = document.getElementById( 'scrollbar' )
        if(dex!="") {
                dex.style.zIndex = ""
        }
        moving=true
        posY = tempY - elm_id.offsetTop
        BarY = posY
	    elm_id.style.zIndex = 1
        dex=elm_id
}

function moveTo(e) {
        tempY = (!moz ? event.clientY : e.clientY)
        if( moving == true ) {
                BarTop = tempY - posY
                if( BarTop >= BarTop1 && BarTop <= BarTop2 ) {
                        elm_id.style.top = BarTop + "px"
                        check_height( elm_id.style.top )
                        if( document.selection )
                                document.selection.empty()
                }
        }
}

function gotoclick () {
	el = document.getElementById( 'track' )
		
	elm_id.style.top = 0
	
	if(dex!="") {
		dex.style.zIndex = ""
	}
	if( moving == true ) {
		BarTop = tempY - posY
		if( BarTop >= BarTop1 && BarTop <= BarTop2 ) {
				elm_id.style.top = BarTop + "px"
				check_height( elm_id.style.top )
				if( document.selection )
						document.selection.empty()
		}
	}
	else {
		posY = tempY - elm_id.offsetTop
		clickPos = posY - 173
		elm_id.style.top = clickPos + "px"
		check_height( elm_id.style.top )
		if( document.selection )
				document.selection.empty()
	}
}

function mouseScroll( delta , step ) {
        tempY = parseInt( document.getElementById("dragbar").style.top )
        d=5
        if( tempY < d )
                d=2
        if (delta < 0)
                        BarTop = ( tempY ) + d
        else
                        BarTop = ( tempY ) - d
        if( BarTop >= BarTop1 && BarTop <= BarTop2 ) {
                elm_id.style.top = BarTop + "px"
                check_height( elm_id.style.top );
        }
}


function mouseWheel(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) {
                mouseScroll( delta , 150 )
                if ( event.preventDefault ) event.preventDefault()
                event.returnValue = false
        }
}

if ( window.addEventListener ) {
        window.addEventListener( 'DOMMouseScroll' , mouseWheel , false );
}
window.onmousewheel = document.onmousewheel = mouseWheel;
document.onmousemove = moveTo
document.onmouseup = new Function("moving=false")