function setKnobSize(){
    var slider_size = $('slider_area').getSize();
    var size_divide = gallery_ssize.x / gallery_size.x;

    var knob_size = Math.round(slider_size.x / size_divide);

    $('slider_knob').setStyle('width', String(knob_size) + 'px');
}

function initSlider(){
    //$('slider_area').setStyle('width', String(500 + $(slider_knob).getSize().size.x) + 'px');
    //$('slider_outer').setStyle('width', String(500 + $(slider_knob).getSize().size.x) + 'px');

    gallery_ssize = $('gallery').getScrollSize();
    gallery_size = $('gallery').getSize();
    var padding_sub = $('galPadding').getStyle('padding-right').replace('px', '');
    var stepping = gallery_ssize.x - gallery_size.x - padding_sub;

    setKnobSize();

    mySlide = new Slider($('slider_area'), $('slider_knob'), {
    	steps: stepping,
    	onChange: function(step){
    	    position = step;
    		$('gallery').scrollTo(position, 0);
    		//$('upd').setHTML(position);
    	}
    }).set(position);
    doCheck = false;
}

function sliderDoCheck(){
    doCheck = true;
    $('body').addEvent('mouseover', reinitSlider);
}

function reinitSlider(){
    if (doCheck){
        $('slider_area').removeEvents();
        $('slider_knob').removeEvents();
        $('body').removeEvents();
        delete mySlide;
        initSlider();
    }
}

function sliderStart(){
    position = 0;
    initSlider();
}


window.addEvent('domready', sliderStart);
window.addEvent('resize', sliderDoCheck);