// Flags, used with GdiDrawText
  // For more information, see: [url=http://msdn.microsoft.com/en-us/library/dd162498(VS.85).aspx]http://msdn.microsoft.com/en-us/library/dd162498(VS.85).aspx[/url]
  var DT_TOP = 0x00000000;
  var DT_LEFT = 0x00000000;
  var DT_CENTER = 0x00000001;
  var DT_RIGHT = 0x00000002;
  var DT_VCENTER = 0x00000004;
  var DT_BOTTOM = 0x00000008;
  var DT_WORDBREAK = 0x00000010;
  var DT_SINGLELINE = 0x00000020;
  var DT_EXPANDTABS = 0x00000040;
  var DT_TABSTOP = 0x00000080;
  var DT_NOCLIP = 0x00000100;
  var DT_EXTERNALLEADING = 0x00000200;
  var DT_CALCRECT = 0x00000400;
  var DT_NOPREFIX = 0x00000800;
  var DT_INTERNAL = 0x00001000;
  var DT_EDITCONTROL = 0x00002000;
  var DT_PATH_ELLIPSIS = 0x00004000;
  var DT_END_ELLIPSIS = 0x00008000;
  var DT_MODIFYSTRING = 0x00010000;
  var DT_RTLREADING = 0x00020000;
  var DT_WORD_ELLIPSIS = 0x00040000;
  var DT_NOFULLWIDTHCHARBREAK = 0x00080000;
  var DT_HIDEPREFIX = 0x00100000;
  var DT_PREFIXONLY = 0x00200000;
  
  function RGB(r,g,b){ return (0xff000000|(r<<16)|(g<<8)|(b)); }
  
  var g_font = gdi.Font("LCD", 18, 1);
  var g_drag = 0;
  var g_drag_seek = 0;
  var tfo = fb.TitleFormat("POS: %playback_time%/%length% '('$max(0,$left($muldiv(%playback_time_seconds%,1000,%length_seconds%),$sub($len($muldiv(%playback_time_seconds%,1000,%length_seconds%)),1)))'.'$right($muldiv(%playback_time_seconds%,1000,%length_seconds%),1)'%)' REM: %playback_time_remaining%");
      
  
  function TimeFmt(t){
      var zpad = function(n){
          var str = n.toString();
          return (str.length<2) ? "0"+str : str;
      }
      var h = Math.floor(t/3600); t-=h*3600;
      var m = Math.floor(t/60); t-=m*60;
      var s = Math.floor(t);
      if(h>0) return h.toString()+":"+zpad(m)+":"+zpad(s);
      return m.toString()+":"+zpad(s);
  }
  
  function on_paint(gr){
      var txt = "";
      var pos =0;
              
      if(fb.PlaybackTime > 0){
          if(g_drag){
              pos = window.Width * g_drag_seek;
              txt = "Seek " + TimeFmt(g_drag_seek * fb.PlaybackLength) + " / " + TimeFmt(fb.PlaybackLength);
          }
          else{
              pos = window.Width * (fb.PlaybackTime / fb.PlaybackLength);
              txt = tfo.Eval();
          }
  
      }else
      {
      txt = "Playback Stopped";
      }
      
      
      gr.FillGradRect(  0, 0,    pos, window.Height, 90, RGB(240,240,240), RGB(46,48,63));
      gr.FillGradRect(pos, 0, window.Width-pos, window.Height, 90, RGB(240,240,240), RGB(190,190,190));
      gr.GdiDrawText(txt, g_font, RGB(50,50,50), 0, 0, window.Width, window.Height, DT_CENTER | DT_VCENTER | DT_SINGLELINE);
      gr.DrawRect(0,0, window.Width-1, window.Height-1, 1.0, RGB(150,150,150));
  }
  
  function on_mouse_lbtn_down(x,y){
      g_drag = 1;
  }
  
  function on_mouse_lbtn_up(x,y){
      if(g_drag){
          g_drag = 0;
          g_drag_seek = x / window.Width;
          g_drag_seek = (g_drag_seek<0) ? 0 : (g_drag_seek<1) ? g_drag_seek : 1;
          fb.PlaybackTime = fb.PlaybackLength * g_drag_seek;
      }
  }
  
  function on_mouse_move(x,y){
      if(g_drag){
          g_drag_seek = x / window.Width;
          g_drag_seek = (g_drag_seek<0) ? 0 : (g_drag_seek<1) ? g_drag_seek : 1;
          window.Repaint();
      }
  }
  
  function on_playback_time(time){
      window.Repaint();
  }
  
  function on_playback_stop(){
          window.Repaint();
  }
  
  function on_playback_starting(cmd, paused){
  }
  function on_playback_new_track(info){
      window.Repaint();
  }
  //EOF

//Seek using mouse wheel
function on_mouse_wheel(delta){
if(delta>0)
fb.RunMainMenuCommand("Seek Ahead by 10 Seconds");
else
fb.RunMainMenuCommand("Seek Back by 10 Seconds");
}

...
@xbullethammer
Why don't you use window.RepaintRect(x,y,w,h) for your buttons area only?

function pos2vol(pos) {
     return (50 * Math.log(0.99 * ((pos<0) ? 0 : (pos<1) ? pos : 1) + 0.01) / Math.LN10);
};
//(pos is a percentage of the volume bar width, between 0 and 1)

function on_playback_time(){
    window.Repaint();
}

Would be cool if someone did that. He'd be my hero.

Question:
How to tell WSH Panel Mod to refresh more often than every second? I would like to have a very smooth seekbar. Currently I use this:

Code: [Select]

function on_playback_time(){
    window.Repaint();
}

But that is too choppy, especially when it comes to playing songs that have short length.

var g_timer;

function on_playback_time(){
    if(g_timer){window.KillTimer(g_timer);}
    if(fb.PlaybackLength>0){g_timer = window.CreateTimerInterval(100);}
    window.Repaint();
}
function on_timer(){
    window.Repaint();
}

var timer;

function on_playback_starting(){
    timer = window.CreateTimerInterval(100);
}
function on_playback_stop(){
    if(timer){window.KillTimer(timer);}
    window.Repaint();
}
function on_timer(){
    window.Repaint();
}

function on_playback_new_track(){
    CollectGarbage();
}

...
/// SHOWING RELEVANT STUFF
g_metadb = fb.GetNowPlaying();
...
this.string = fb.TitleFormat(string).EvalWithMetadb(g_metadb);
...
gr.GDIDrawText(this.string, g_font, this.Ncolor, this.x+this.pad, this.y, this.w-this.pad*2, this.h,1);
....

function on_playback_time(time)
{
	if(g_timer){window.KillTimer(g_timer);}
	if(fb.PlaybackLength>0){g_timer = window.CreateTimerInterval(40);}
	window.Repaint();
}
function on_playback_stop()
{
	CollectGarbage();
	if(g_timer){window.KillTimer(g_timer);}
	window.Repaint();
}
function on_playback_pause(state)
{
	window.Repaint();
}
function on_playback_starting(cmd, is_paused)
{
	CollectGarbage();
	g_timer = window.CreateTimerInterval(40);
	window.Repaint();
}
//Redraw more than once per sec
function on_timer(id)
{
	window.RepaintRect(pos-2*seekerwidth,0,4*seekerwidth,window.Height);
}

... You need to use Eval(), and then redraw under on_playback_dynamic_info_track(). You can do something like this.string = fb.IsPlaying?fb.TitleFormat(string).Eval():fb.TitleFormat(string).EvalWithMetadb(g_metadb);