var
def=7,
speed = 0,
stp=15,
fps=45,
ob,
cont,
width,
scwid,
interval,
fl=true,
all=0;
  
if (navigator.appName=="Explorer") {
  fps = 70;
  def = 15;
}
  
  init = function()
  {
    ob  = document.getElementById('movable');
    cont   = document.getElementById('select');
    if ( cont!=null )
    width  = $(cont).width();
    if ( ob!=null )
    scwid  = $("#movable").width();
  }

  start = function( c )
  {
    fl=true;
    speed = def*c;
    roll();
  }

  flow = function( c )
  {
    if ( c>0 ) {
      $('#movable').animate( { left: (-scwid+width) } , 1200 );
    } else {
      $('#movable').animate( { left: 0 } , 1200 );
    }
  }


  roll = function()
  {
    if ( fl ) {
      var pos = ob.style.left.split('p');
      pos = pos[0]*(-1);
      if ( speed > 0 ) {
        var parm = scwid - width - pos;
      } else {
        var parm = pos;
      }
      if ( parm >= Math.abs(speed) ) {
        ob.style.left = (-pos-speed)+'px';
        setTimeout( 'roll()' , fps );
      } else {
        fl = false;
      }
    }
  }


