function thumbBar (ident) {
    
    this.ident = ident;
    
    this.bar = document.getElementById(ident);
    this.frame = document.getElementById(ident + "bar");
    
    this.width;
    this.framewidth;
    
    this.mouseEnter;
    
    this.ratio;
    
    
    
    this.init = function () {
        
        this.width = this.bar.offsetWidth;
        this.framewidth = this.frame.offsetWidth;
        
        this.bar.jObject = this;
		this.bar.onmouseover = function (event) { this.jObject.move(event) };
		this.bar.onmousemove = function (event) { this.jObject.move(event) };

 		
        
    }
    

    
    this.move = function (e) {
        
        this.moveToPercentage(this.findPercentage(e));
        
        
    }
    
    this.moveToPercentage = function (percentage) {
        
        this.width = this.bar.offsetWidth;
        this.framewidth = this.frame.offsetWidth;
        
        var target = -((this.width - this.framewidth) * percentage);
        
        
        this.bar.style.left = (parseInt(target)-4) + "px";
        
    }
    
    this.findPercentage = function (e) {
        var e = (window.event) ? window.event : e;
        
        var mouseX = e.clientX - this.frame.offsetLeft;
        
        
        var percentage = mouseX/this.framewidth;
    
        
        return percentage;
        
        
    }
    
    
   
 
}