var sliderIntervalId = 0;
var sliderWidth = 0;
var sliding = false;
var slideSpeed = 10;

function Slide()
{
    if (sliding)
        return;
    sliding = true;
    if (sliderWidth == 110)
        sliderIntervalId = setInterval('SlideInRun()', 30);
    else
        sliderIntervalId = setInterval('SlideOutRun()', 30);
}

function SlideInRun() {
    slider = document.getElementById('sliderElementId');
    if (sliderWidth <= 0) {
        sliding = true;
        sliderWidth = 0;
        slider.style.width = '0px';
        clearInterval(sliderIntervalId);
    }
    else {
        sliderWidth -= slideSpeed;
        if (sliderWidth < 0)
            sliderWidth = 0;
        slider.style.width = sliderWidth + 'px';
    }
}

function SlideOutRun() {
    slider = document.getElementById('sliderElementId');
    if (sliderWidth >= 110) {
        sliding = false;
        sliderWidth = 110;
        slider.style.width = '110px';
        clearInterval(sliderIntervalId);
    }
    else {
        sliderWidth += slideSpeed;
        if (sliderWidth > 110)
            sliderWidth = 110;
        slider.style.width = sliderWidth + 'px';
    }
}