var _arr_slider = new Array();
    
    var Slider = function(settings) { this._settings = settings; }
    Slider.prototype.init = function()
    {
        _this = this;
        
        this._el = this._settings.el;
        this._a1 = this._el.getElementsByTagName('img').item(0);
        this._a2 = this._el.getElementsByTagName('img').item(1);
        this._a1D = false;
        this._a2D = false;
        
        this._a1._this = this;
        this._a1.onmousedown = function() { this._this._a1D = true; }
        //this._a1.onmouseup = function() { this._this._a1D = false; }
        this._a2._this = this;
        this._a2.onmousedown = function() { this._this._a2D = true; }
        //this._a2.onmouseup = function() { this._this._a2D = false; }
        
        this._maxX = 213;
        
        this._a1.style.left = '0px';
        this._a2.style.left = '0px';
        this._a1pos = getPos(this._a1);
        this._a2pos = getPos(this._a2);
        
        this._a1.style.left = this._maxX * this._settings.pos1 + 'px';
        this._a2.style.left = this._maxX * this._settings.pos2 + 'px';
        
        this._pos1 = this._settings.pos1;
        this._pos2 = this._settings.pos2;
        
        _arr_slider.push(this);
    }
    
    Slider.prototype.onmousemove = function(x, y)
    {
        var oldPos1 = this._pos1;
        var oldPos2 = this._pos2;
        
        
        if(this._a1D) { 
            if(x - (this._a1pos[0] + this._a1.offsetWidth / 2) < 0)
                this._a1.style.left = this._a1pos[0] - this._a1pos[0] + 'px';
            else if(x - (this._a1pos[0] + this._a1.offsetWidth / 2) > this._maxX)
                this._a1.style.left = this._a1pos[0] - (this._a1pos[0]) + this._maxX + 'px';
            else
                this._a1.style.left = x - (this._a1pos[0] + this._a1.offsetWidth / 2) + 'px';
            
            this._pos1 = (x - (this._a1pos[0] + this._a1.offsetWidth / 2)) / this._maxX;
            if(this._pos1 < 0) this._pos1 = 0;
            if(this._pos1 > 1) this._pos1 = 1;
            
            
            
        }
        if(this._a2D) { 
            if(x - (this._a2pos[0] + this._a2.offsetWidth / 2) < 0)
                this._a2.style.left = this._a2pos[0] - (this._a2pos[0] ) + 'px';
            else if(x - (this._a2pos[0] + this._a2.offsetWidth / 2) > this._maxX)
                this._a2.style.left = this._a2pos[0] - (this._a2pos[0]) + this._maxX + 'px';
            else
                this._a2.style.left = x - (this._a2pos[0] + this._a2.offsetWidth / 2) + 'px'; 
                
            this._pos2 = (x - (this._a2pos[0] + this._a2.offsetWidth / 2)) / this._maxX;
            if(this._pos2 < 0) this._pos2 = 0;
            if(this._pos2 > 1) this._pos2 = 1;
        }
        
        
        
        
        if((oldPos1 != this._pos1 || oldPos2 != this._pos2) && this._settings.onchangevalue1)
        {
            this._settings.onchangevalue1(this._pos1, this._pos2, this._settings.name);
       
        }
    }
    
    slider_onmousemove = function(e)
    {
        if(!e) e = event;
        for(i = 0; i < _arr_slider.length; i++)
            _arr_slider[i].onmousemove(e.clientX, e.clientY);
    }
    
    slider_onmouseup = function()
    {
        for(i = 0; i < _arr_slider.length; i++)
        {
            
            
            if((_arr_slider[i]._a1D || _arr_slider[i]._a2D) && _arr_slider[i]._settings.onchangevalue2)
                _arr_slider[i]._settings.onchangevalue2(_arr_slider[i]._pos1, _arr_slider[i]._pos2, _arr_slider[i]._settings.name);
            
            _arr_slider[i]._a1D = _arr_slider[i]._a2D = false; 
        }
    }
    
    if(document.addEventListener)
    {
        document.addEventListener('mousemove', slider_onmousemove, true);
        document.addEventListener('mouseup', slider_onmouseup, true);
    }
    else
    {
        document.attachEvent('onmousemove', slider_onmousemove);
        document.attachEvent('onmouseup', slider_onmouseup);
    }    
    
    
    function getPos(obj) 
    { 
        var curleft = curtop = 0;
        if (obj.offsetParent) 
        {
            curleft = obj.offsetLeft
            curtop = obj.offsetTop
            while (obj = obj.offsetParent) 
            {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
            }
        }
        return [curleft,curtop]; 
    }