function xbm(id, height, width, scrollAmount, scrollDelay, direction, behavior, html) {
this.id= id;
this.scrollAmount= scrollAmount ? scrollAmount : 6;
this.scrollDelay = scrollDelay ? scrollDelay : 85;
this.direction = direction ? direction.toLowerCase() : 'left';
this.behavior= behavior ? behavior.toLowerCase() : 'scroll';
this.name= 'xbm_'+(++xbm._name);
this.runId = null;
this.html= html;
this.isHorizontal = ('up,down'.indexOf(this.direction) == -1);

if(typeof(height) == 'number') {
this.height = height;
this.heightUnit = 'px';
}else if(typeof(height) == 'string') {
this.height = parseInt('0'+height, 10);
this.heightUnit = height.toLowerCase().replace(/^[0-9]+/, '');
}else{
this.height = 100;
this.heightUnit = 'px';
}

if(typeof(width) == 'number') {
this.width = width;
this.widthUnit = 'px';
}else if(typeof(width) == 'string') {
this.width = parseInt('0'+width, 10);
this.widthUnit = width.toLowerCase().replace(/^[0-9]+/, '');
}else{
this.width = 100;
this.widthUnit = 'px';
}

this.onmouseover = null;
this.onmouseout= null;
this.onclick = null;
this.onstart = null;
this.onbounce= null;

var markup = '';

if(document.layers) {
markup = '<ilayer id="'+this.id+'container" name="'+this.id+'container" '+
'height="'+height+'" '+
'width="'+width+'"'+
'clip="'+width+', '+height+'" '+
'>'+
'<\/ilayer>';
}else if(document.body && typeof(document.body.innerHTML) != 'string') {
markup = '<div id="'+this.id+'container" name="'+this.id+'container" '+
'style="position: relative; overflow: scroll; '+
'height: '+this.height+this.heightUnit+'; '+
'width: '+this.width+this.widthUnit+'; '+
'clip: rect(0px, '+this.width+this.widthUnit+', '+this.height+this.heightUnit+', 0px); '+
'">'+
'<div id="'+this.id+'" style="position:relative;'+
(this.isHorizontal ? 'width:0px;' : '')+
'">'+
(this.isHorizontal ? '<nobr>' : '')+
this.html+
(this.isHorizontal ? '<\/nobr>' : '')+
'<\/div>'+
'<\/div>';
}else{
markup = '<div id="'+this.id+'container" name="'+
this.id+'container" '+
'style="position: relative; overflow: hidden; '+
'height: '+this.height+this.heightUnit+'; '+
'width: '+this.width+this.widthUnit+'; '+
'clip: rect(0px, '+this.width+this.widthUnit+', '+this.height+this.heightUnit+', 0px); '+
'">'+
'<\/div>';
}
document.write(markup);
window[this.name] = this;

}

xbm._name = -1;

xbm._getInnerSize = function(elm, propName) {
var val = 0;
if(document.layers) {
  val = elm.document[propName];
}else if(elm.style && typeof(elm.style[propName]) == 'number') {
  if(propName == 'width' && typeof(elm.clientWidth) == 'number') val = elm.clientWidth;
  else val =elm.style[propName];
}else{
  switch (propName) {
  case 'height':
    if(typeof(elm.offsetHeight) == 'number') val =elm.offsetHeight;
    break;
  case 'width':
    if(typeof(elm.offsetWidth) == 'number') val = elm.offsetWidth;
    break;
  }
}
return val;
};

xbm.getElm = function(id) {
return (document.getElementById) ? document.getElementById(id) : document.all[id];
}

xbm.dispatchUIEvent = function (event, marqueeName, eventName) {
var marquee = window[marqueeName];
var eventAttr = 'on'+eventName;
if(!marquee)return false;
if(!event && window.event) event = window.event;

switch (eventName) {
case 'mouseover':
case 'mouseout':
case 'click':
if(marquee[eventAttr]) return marquee['on'+eventName](event);
}
return false;
};

xbm.createDispatchEventAttr = function (marqueeName, eventName) {
return 'on'+eventName+'="xbm.dispatchUIEvent(event, \''+marqueeName+'\', \''+eventName+'\')" ';
};

xbm.prototype.start = function () {
var markup = '';
this.stop();
if(!this.dirsign) {
if(!document.layers) {
this.containerDiv = xbm.getElm(this.id+'container');
if(typeof(this.containerDiv.innerHTML) != 'string') return;
var parentNode= null;
if(this.containerDiv.parentNode) parentNode = this.containerDiv.parentNode;
else if(this.containerDiv.parentElement) parentNode = this.containerDiv.parentElement;

if(parentNode && 
typeof(parentNode.offsetHeight) == 'number' && 
typeof(parentNode.offsetWidth) == 'number') {
if(this.heightUnit == '%') {
this.containerDiv.style.height = 
parentNode.offsetHeight * (this.height/100)+'px';
}
if(this.widthUnit == '%') {
this.containerDiv.style.width = 
parentNode.offsetWidth * (this.width/100)+'px';
}
}

markup+= '<div id="'+this.id+'" name="'+this.id+'" '+
'style="position:relative; visibility: hidden;'+
(this.isHorizontal ? 'width:0px;' : '')+
'" '+
xbm.createDispatchEventAttr(this.name, 'mouseover')+
xbm.createDispatchEventAttr(this.name, 'mouseout')+
xbm.createDispatchEventAttr(this.name, 'click')+
'>'+
(this.isHorizontal ? '<nobr>' : '')+
this.html+
(this.isHorizontal ? '<\/nobr>' : '')+
'<\/div>';

this.containerDiv.innerHTML = markup;
this.div= xbm.getElm(this.id);
this.styleObj = this.div.style;

}else{
this.containerDiv = document.layers[this.id+'container'];
markup = 
'<layer id="'+this.id+'" name="'+this.id+'" top="0" left="0" '+
xbm.createDispatchEventAttr(this.name, 'mouseover')+
xbm.createDispatchEventAttr(this.name, 'mouseout')+
xbm.createDispatchEventAttr(this.name, 'click')+
'>'+
(this.isHorizontal ? '<nobr>' : '')+
this.html+
(this.isHorizontal ? '<\/nobr>' : '')+
'<\/layer>';

this.containerDiv.document.write(markup);
this.containerDiv.document.close();
this.div= this.containerDiv.document.layers[this.id];
this.styleObj = this.div;
}

switch (this.direction) {
case 'down':
this.dirsign = 1;
this.startAt = -xbm._getInnerSize(this.div, 'height');
this._setTop(this.startAt);
if(this.heightUnit == '%') this.stopAt = this.height * xbm._getInnerSize(this.containerDiv, 'height') / 100;
else this.stopAt= this.height;
break;
case 'up':
this.dirsign = -1;
if(this.heightUnit == '%') this.startAt = this.height * xbm._getInnerSize(this.containerDiv, 'height') / 100;
else this.startAt = this.height;
this._setTop(this.startAt);
this.stopAt= -xbm._getInnerSize(this.div, 'height');
break;
case 'right':
this.dirsign = 1;
this.startAt = -xbm._getInnerSize(this.div, 'width');
this._setLeft(this.startAt);
if(this.widthUnit == '%') this.stopAt = this.width * xbm._getInnerSize(this.containerDiv, 'width') / 100;
else this.stopAt= this.width;
break;
case 'left':
default:
this.dirsign = -1;
if(this.widthUnit == '%') this.startAt = this.width * xbm._getInnerSize(this.containerDiv, 'width') / 100;
else this.startAt = this.width
this._setLeft(this.startAt);
this.stopAt= -xbm._getInnerSize(this.div,'width');
break;
}
this.newPosition= this.startAt;
this.styleObj.visibility = 'visible'; 
}

this.newPosition+= this.dirsign * this.scrollAmount;

if( (this.dirsign == 1&& this.newPosition > this.stopAt) ||
(this.dirsign == -1 && this.newPosition < this.stopAt) ) {
if(this.behavior == 'alternate') {
if(this.onbounce) this.onbounce();
this.dirsign = -this.dirsign;
var temp = this.stopAt;
this.stopAt= this.startAt;
this.startAt = temp;
}else{
if(this.onstart) this.onstart();
this.newPosition = this.startAt;
}
}

switch(this.direction) {
case 'up': 
case 'down':
this._setTop(this.newPosition);
break;
default:
this._setLeft(this.newPosition);
break;
}
this.runId = setTimeout(this.name+'.start()', this.scrollDelay);
};

xbm.prototype.stop = function () {
if(this.runId) clearTimeout(this.runId);
this.runId = null;
};

xbm.prototype.setInnerHTML = function (html) {
if(typeof(this.div.innerHTML) != 'string') return;
var running = false;
if(this.runId) {
running = true;
this.stop();
}
this.html = html;
this.dirsign = null;
if(running)this.start();
};

if(document.layers) {
xbm.prototype._setLeft = function (left) { this.styleObj.left = left; };
xbm.prototype._setTop = function (top) { this.styleObj.top = top; };
}else{
xbm.prototype._setLeft = function (left) { this.styleObj.left = left+'px'; };
xbm.prototype._setTop = function (top) { this.styleObj.top = top+'px'; };
}