object orjented problem

hi!

I'm trying to create class with all necesery methods for slide bar graphic element.
the problem is whenever i create new instance of that class i lose all event listeners for other instances of the same class...
Actualy all i know is that only last instance is event sensitive.
here is the script... it should only alert a message when mouse button is presed in the slider area .

any ideas?

thx!

btw sorry for my bed english



doc=document;
function sliderbar(parentdocid,pozx,pozy,maxvalue,size,slidername)
{
var poz=0;

this.slidersize=size/25;
this.htmlcod=slidername;
this.htmlcod+="<div id=\""+slidername+"\" style=\"border: black thin solid; position:relative; left:"+pozx+"px; top:"+pozy+"px; width:"+size+"px; height:20px;\" onmouseover=\"javascript:mover(event);\">";
this.htmlcod+="<div id="+slidername+"slide style=\" position:absolut; background-color:grey; width:"+this.slidersize+"px; height:20px;\"></div></div>";

this.parent=doc.getElementById(parentdocid);
this.parent.innerHTML+=this.htmlcod;
this.sliderbar=doc.getElementById(slidername);
this.slider=doc.getElementById(slidername+"slide");

while(this.slider.offsetParent)
{
this.poz += this.slider.offsetLeft;
this.slider=this.slider.offsetParent;
}
this.slider=doc.getElementById(slidername+"slide");
this.grab=function()
{
alert(poz);
}
this.move=function()
{
}
this.drop=function()
{
}
this.sliderbar.addEventListener("mousedown",this.grab,true);
return;
}
var slider1=new sliderbar("formsettings",55,-20,255,150,"RED");
var slider2=new sliderbar("formsettings",55,-20,255,150,"GREEN");
var slider3=new sliderbar("formsettings",55,-20,255,150,"BLUE");

html part
<div id="formsettings" class="settings"></div>