var slider;
var slider_min = 69;
var slider_max = 177;
var scale_min = 7;
var scale_max = 17;
var slider_increment = 9;

function initSlider()
{
   
    slider = document.getElementById('sliderImg');

    slider.onmousedown = startDraggingSlider;
    slider.onclick = null;

}

function startDraggingSlider(e)
{

    if (isIE) {
        slider.style.cursor = "hand";
    } else {
        slider.style.cursor = "pointer";
    }
    getXY(e);
    y1 = theY;

    document.onmousemove = updateSliderDragging;
    document.onmouseup = stopSliderDragging;

    return false;
}

function updateSliderDragging(e)
{
    getXY(e);

    y2 = theY;
	
    var dy = y2 - y1

    y1 = y2;
	
    var t = sliderTop();

    
    if (t <= slider_max && t >= slider_min) {
        
        slider.style.top = parseInt(t + dy) + 'px';
        
    }

    return false;
}

function stopSliderDragging(e)
{

    calcScale();

    document.onmousemove = null;
    document.onmouseup = null;

    getMap("");
  
    return false;
}

function sliderTop() 
{
    var cur_top = slider.style.top;
    var t = parseInt(cur_top.substring(0, cur_top.length));
    return t;
}

function calcScale()
{
    var t = sliderTop();
    
    fixedzoom = "true";
    
    if (t < slider_min) {
        scale = scale_max;
        
    } else if (t > slider_max) {
        scale = scale_min;
    } else {

        //var subtractor = (parseInt(scale) - parseInt(min_scale)) * slider_increment;
        //scale = parseInt(parseInt(slider_max - t) / slider_increment);

        scale = parseInt(min_scale + ((slider_max - sliderTop()) / slider_increment));
        
    }

    
}

function positionSlider() {

    var subtractor = (parseInt(scale) - parseInt(min_scale)) * slider_increment;
    var new_top = (slider_max - subtractor);

    if(new_top < slider_min){
        document.getElementById('sliderImg').style.top = slider_min + 'px';
    } else {

        document.getElementById('sliderImg').style.top = new_top + 'px';
    }

}

function positionMileSlider() {

        for (var i = scale_min; i < parseInt(scale_max + 1); i++) {
                document.getElementById('SLIDER_' + i).style.background='#ffffff';
        }

        document.getElementById('SLIDER_' + scale).style.background='#ffff00';

}