// Big Slider - Begin
function run_categoryImageSlider() {
    imagePreloader = new SCREENBOW.preloadLoad({treshold: 0});
    slider_max = -790;

    $$('.bigSlide').each(function(el) {
    slider_max += el.getWidth();
    });

    handle_width = 790/(slider_max+790) * 790;

    if(handle_width > 588){
        $('handle').setStyle({width:'588px'});
    }else{
        $('handle').setStyle({width:handle_width+'px'});
    }

    $('hcarousel-content').setStyle({ width: slider_max+790+'px'});
    bigSlider = new Control.Slider($('bigSlider').down('.handle'), $('bigSlider'), {
    range: $R(0, slider_max),
    increment: 10,
    sliderValue: 0,
    onSlide: function(value) {
        if(move_effect){
            $('hcarousel-content').setStyle({ left: value*(-1) + 'px', position:'relative'});
            move_effect = 1;
        }
    },
    onChange: function(value) {
        if(move_effect){
            $('hcarousel-content').setStyle({ left: value*(-1) + 'px', position:'relative'});
            move_effect = 1;
        }else{
            var pos    = Position.page($('hcarousel-content'));
            var pad = Position.page($("hcarousel-wrapper"));

            var pos1 = pos[0] - pad[0];
            var val = value+pos1;
            new Effect.Move($('hcarousel-content'), { x: val*(-1), y: 0, mode: 'relative',duration: 1, beforeStart: function(){
                bigSlider.setDisabled();
            }, afterFinish: function() {
                bigSlider.setEnabled();
                $('hcarousel-content').setStyle({ left: value*(-1) + 'px', position:'relative'});
            } });
            move_effect = 1;
        }
    }
    });

    if(handle_width>790){
        bigSlider.setDisabled();
    }

    Event.observe($('hcarousel-content'), "mousewheel", wheel, false);
    Event.observe($('hcarousel-content'), "DOMMouseScroll", wheel, false); // Firefox
}

function bigSliderHome(){
    var el_width = 0;
    var el_pos = 0;
    if(bigSlider.disabled == false){
        $$('.bigSlide img').each(function(image) {

            this.element                = image;
            this.position                = Position.page(this.element);
            this.pad                    = Position.page($("hcarousel-wrapper"));
            this.viewportWidth            = $("hcarousel-wrapper").getWidth();

            this.position[0] = this.position[0] - this.pad[0];

            if ((this.position[0]) < 0) {
                el_width = this.element.getWidth();
                el_pos = this.position[0];
            }
        });
        if((el_pos+el_width) != 0){
            move_effect = 0;
            bigSlider.setValueBy(el_pos);
        }else{
            move_effect = 0;
            bigSlider.setValueBy(el_width*(-1));
        }
    }
}

function bigSliderEnd(){
    var i=0;
    if(bigSlider.disabled == false){
        $$('.bigSlide img').each(function(image) {

            this.element                = image;
            this.position                = Position.page(this.element);
            this.pad                    = Position.page($("hcarousel-wrapper"));
            this.viewportWidth            = $("hcarousel-wrapper").getWidth();

            this.position[0] = this.position[0] - this.pad[0];
            if ((this.position[0]+this.element.getWidth()) >= (this.viewportWidth)) {
                if(i==0){
                    if(this.position[0] < 790){
                        move_effect = 0;
                        bigSlider.setValueBy(this.element.getWidth()-(790-this.position[0]));
                    }else{
                        move_effect = 0;
                        bigSlider.setValueBy(this.element.getWidth());
                    }
                }
                i++;
            }
        });
    }
}
// Big Slider - End


// Small Slider - Begin
function run_categoryProductSlider() {
    imagePreloader = new SCREENBOW.preloadLoad({treshold: 0, wrap: "scarousel-wrapper", slider: "smallSlider"});
    slider_max = -803;

    $$('.bigSlide').each(function(el) {
    slider_max += el.getWidth();
    });

    handle_width = 803/(slider_max+803) * 803;

    if(handle_width>773){
        $('handle').setStyle({width:'777px'});
    }else{
        $('handle').setStyle({width:handle_width+'px'});
    }

    $('scarousel-content').setStyle({ width: slider_max+803+'px'});
    bigSlider = new Control.Slider($('smallSlider').down('.handle'), $('smallSlider'), {
    range: $R(0, slider_max),
    increment: 10,
    sliderValue: 0,
    onSlide: function(value) {
        if(move_effect){
            $('scarousel-content').setStyle({ left: value*(-1) + 'px', position:'relative'});
            move_effect = 1;
        }
    },
    onChange: function(value) {
        if(move_effect){
            $('scarousel-content').setStyle({ left: value*(-1) + 'px', position:'relative'});
            move_effect = 1;
        }else{
            var pos    = Position.page($('scarousel-content'));
            var pad = Position.page($("scarousel-wrapper"));

            var pos1 = pos[0] - pad[0];
            var val = value+pos1;
            new Effect.Move($('scarousel-content'), { x: val*(-1), y: 0, mode: 'relative',duration: 1, beforeStart: function(){
                bigSlider.setDisabled();
            }, afterFinish: function() {
                bigSlider.setEnabled();
                $('scarousel-content').setStyle({ left: value*(-1) + 'px', position:'relative'});
            } });
            move_effect = 1;
        }
    }
    });

    if(handle_width>773){
        bigSlider.setDisabled();
    }

    Event.observe($('scarousel-content'), "mousewheel", wheel, false);
    Event.observe($('scarousel-content'), "DOMMouseScroll", wheel, false); // Firefox

}

function smallSliderHome(){
    var el_width = 0;
    var el_pos = 0;
    if(bigSlider.disabled == false){
        $$('.bigSlide img').each(function(image) {

            this.element                = image;
            this.position                = Position.page(this.element);
            this.pad                    = Position.page($("scarousel-wrapper"));
            this.viewportWidth            = $("scarousel-wrapper").getWidth();

            this.position[0] = this.position[0] - this.pad[0];

            if ((this.position[0]) < 0) {
                el_width = this.element.getWidth();
                el_pos = this.position[0];
            }
        });
        if((el_pos+el_width) != 0){
            move_effect = 0;
            bigSlider.setValueBy(el_pos);
        }else{
            move_effect = 0;
            bigSlider.setValueBy(el_width*(-1));
        }
    }
}

function smallSliderEnd(){
    var i=0;
    if(bigSlider.disabled == false){
        $$('.bigSlide img').each(function(image) {

            this.element                = image;
            this.position                = Position.page(this.element);
            this.pad                    = Position.page($("scarousel-wrapper"));
            this.viewportWidth            = $("scarousel-wrapper").getWidth();

            this.position[0] = this.position[0] - this.pad[0];
            if ((this.position[0]+this.element.getWidth()) >= (this.viewportWidth)) {
                if(i==0){
                    if(this.position[0] < 803){
                        move_effect = 0;
                        bigSlider.setValueBy(this.element.getWidth()-(803-this.position[0]));
                    }else{
                        move_effect = 0;
                        bigSlider.setValueBy(this.element.getWidth());
                    }
                }
                i++;
            }
        });
    }
}
// Small Slider - End