--- deliantra/Deliantra-Client/DC/UI.pm	2006/04/12 21:01:46	1.88
+++ deliantra/Deliantra-Client/DC/UI.pm	2006/04/22 12:14:45	1.148
@@ -9,7 +9,7 @@
 
 our ($FOCUS, $HOVER, $GRAB); # various widgets
 
-our $TOPLEVEL;
+our $ROOT;
 our $BUTTON_STATE;
 
 # class methods for events
@@ -23,29 +23,29 @@
 
 sub feed_sdl_button_down_event {
    my ($ev) = @_;
-   my ($x, $y) = ($ev->motion_x, $ev->motion_y);
+   my ($x, $y) = ($ev->{x}, $ev->{y});
 
    if (!$BUTTON_STATE) {
-      my $widget = $TOPLEVEL->find_widget ($x, $y);
+      my $widget = $ROOT->find_widget ($x, $y);
 
       $GRAB = $widget;
       $GRAB->update if $GRAB;
    }
 
-   $BUTTON_STATE |= 1 << ($ev->button - 1);
+   $BUTTON_STATE |= 1 << ($ev->{button} - 1);
 
-   $GRAB->button_down ($ev, $GRAB->translate ($x, $y)) if $GRAB;
+   $GRAB->button_down ($ev, $GRAB->coord2local ($x, $y)) if $GRAB;
 }
 
 sub feed_sdl_button_up_event {
    my ($ev) = @_;
-   my ($x, $y) = ($ev->motion_x, $ev->motion_y);
+   my ($x, $y) = ($ev->{x}, $ev->{y});
 
-   my $widget = $GRAB || $TOPLEVEL->find_widget ($x, $y);
+   my $widget = $GRAB || $ROOT->find_widget ($x, $y);
 
-   $BUTTON_STATE &= ~(1 << ($ev->button - 1));
+   $BUTTON_STATE &= ~(1 << ($ev->{button} - 1));
 
-   $GRAB->button_up ($ev, $GRAB->translate ($x, $y)) if $GRAB;
+   $GRAB->button_up ($ev, $GRAB->coord2local ($x, $y)) if $GRAB;
 
    if (!$BUTTON_STATE) {
       my $grab = $GRAB; undef $GRAB;
@@ -56,18 +56,31 @@
 
 sub feed_sdl_motion_event {
    my ($ev) = @_;
-   my ($x, $y) = ($ev->motion_x, $ev->motion_y);
+   my ($x, $y) = ($ev->{x}, $ev->{y});
 
-   my $widget = $GRAB || $TOPLEVEL->find_widget ($x, $y);
+   my $widget = $GRAB || $ROOT->find_widget ($x, $y);
 
    if ($widget != $HOVER) {
       my $hover = $HOVER; $HOVER = $widget;
 
-      $hover->update if $hover;
-      $HOVER->update if $HOVER;
+      $hover->update if $hover && $hover->{can_hover};
+      $HOVER->update if $HOVER && $HOVER->{can_hover};
    }
 
-   $HOVER->mouse_motion ($ev, $HOVER->translate ($x, $y)) if $HOVER;
+   $HOVER->mouse_motion ($ev, $HOVER->coord2local ($x, $y)) if $HOVER;
+}
+
+# convert position array to integers
+sub harmonize {
+   my ($vals) = @_;
+
+   my $rem = 0;
+
+   for (@$vals) {
+      my $i = int $_ + $rem;
+      $rem += $_ - $i;
+      $_ = $i;
+   }
 }
 
 #############################################################################
@@ -76,7 +89,7 @@
 
 use strict;
 
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 sub new {
    my $class = shift;
@@ -85,8 +98,6 @@
       x => 0,
       y => 0,
       z => 0,
-      w => -1,
-      h => -1,
       @_
    }, $class;
 
@@ -99,11 +110,30 @@
    $self
 }
 
+sub show {
+   my ($self) = @_;
+
+   return if $self->{parent};
+
+   $CFClient::UI::ROOT->add ($self);
+}
+
+sub hide {
+   my ($self) = @_;
+
+   return unless $self->{parent};
+
+   $self->{parent}->remove ($self);
+}
+
 sub move {
    my ($self, $x, $y, $z) = @_;
-   $self->{x} = $x;
-   $self->{y} = $y;
+
+   $self->{x} = int $x;
+   $self->{y} = int $y;
    $self->{z} = $z if defined $z;
+
+   $self->update;
 }
 
 sub needs_redraw {
@@ -112,42 +142,76 @@
 
 sub size_request {
    require Carp;
-   Carp::confess "size_request is abtract";
+   Carp::confess "size_request is abstract";
 }
 
-sub _size_allocate {
+sub configure {
    my ($self, $x, $y, $w, $h) = @_;
 
-   $self->{x} = $x;
-   $self->{y} = $y;
+   if ($self->{aspect}) {
+      my $w2 = List::Util::min $w, int $h * $self->{aspect};
+      my $h2 = List::Util::min $h, int $w / $self->{aspect};
 
-   return unless $self->{w} != $w || $self->{h} != $h;
+      # use alignment to adjust x, y
 
-   $self->{w} = $w;
-   $self->{h} = $h;
+      $x += int +($w - $w2) * 0.5;
+      $y += int +($h - $h2) * 0.5;
 
-   1
+      ($w, $h) = ($w2, $h2);
+   }
+
+   if ($self->{x} != $x || $self->{y} != $y) {
+      $self->{x} = $x;
+      $self->{y} = $y;
+      $self->update;
+   }
+
+   if ($self->{w} != $w || $self->{h} != $h) {
+      $self->{w} = $w;
+      $self->{h} = $h;
+
+      $self->size_allocate ($w, $h);
+      $self->update;
+   }
 }
 
 sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
+   # nothing to be done
+}
 
-   $self->_size_allocate ($x, $y, $w, $h);
+# return top left coordinates
+sub _topleft {
+   my ($self, $x, $y) = @_;
+
+   $self->{parent}->_topleft ($x + $self->{x}, $y + $self->{y});
 }
 
 # translate global coordinates to local coordinate system
-sub translate {
+sub coord2local {
+   my ($self, $x, $y) = @_;
+
+   my ($X, $Y) = $self->_topleft;
+   ($x - $X, $y - $Y)
+}
+
+# translate local coordinates to global coordinate system
+sub coord2global {
    my ($self, $x, $y) = @_;
 
-   $self->{parent}->translate ($x - $self->{x}, $y - $self->{y});
+   my ($X, $Y) = $self->_topleft;
+   ($x + $X, $y + $Y)
 }
 
 sub focus_in {
    my ($self) = @_;
 
    return if $FOCUS == $self;
+   return unless $self->{can_focus};
 
    my $focus = $FOCUS; $FOCUS = $self;
+
+   $self->emit (focus_in => $focus);
+
    $focus->update if $focus;
    $FOCUS->update;
 }
@@ -158,6 +222,9 @@
    return unless $FOCUS == $self;
 
    my $focus = $FOCUS; undef $FOCUS;
+
+   $self->emit (focus_out => $focus);
+
    $focus->update if $focus; #?
 }
 
@@ -188,10 +255,10 @@
    $self->_draw;
    glPopMatrix;
 
-   if ($self == $HOVER) {
+   if ($self == $HOVER && $self->{can_hover}) {
       my ($x, $y) = @$self{qw(x y)};
 
-      glColor 0, 0, 1, 0.2;
+      glColor 1, 0.8, 0.5, 0.2;
       glEnable GL_BLEND;
       glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
       glBegin GL_QUADS;
@@ -221,14 +288,23 @@
 }
 
 sub set_parent {
-   my ($self, $par) = @_;
+   my ($self, $parent) = @_;
 
-   $self->{parent} = $par;
-   Scalar::Util::weaken $self->{parent};
+   Scalar::Util::weaken ($self->{parent} = $parent);
 }
 
-sub get_parent {
-   $_[0]->{parent}
+sub check_size {
+   my ($self) = @_;
+
+   my ($w, $h) = $self->size_request;
+
+   if ($w != $self->{req_w}  || $h != $self->{req_h}) {
+      $self->{req_w} = $w;
+      $self->{req_h} = $h;
+
+      $self->{parent}->check_size
+         if $self->{parent};
+   }
 }
 
 sub update {
@@ -241,14 +317,15 @@
 sub connect {
    my ($self, $signal, $cb) = @_;
 
-   push @{ $self->{cb}{$signal} }, $cb;
+   push @{ $self->{signal_cb}{$signal} }, $cb;
 }
 
 sub emit {
    my ($self, $signal, @args) = @_;
 
-   $_->($self, @args)
-      for @{$self->{cb}{$signal} || []};
+   for my $cb (@{$self->{signal_cb}{$signal} || []}) {
+      $cb->($self, @args);
+   }
 }
 
 sub DESTROY {
@@ -264,7 +341,7 @@
 our @ISA = CFClient::UI::Base::;
 
 use strict;
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 sub new {
    my $class = shift;
@@ -327,25 +404,28 @@
 }
 
 sub add {
-   my ($self, $chld) = @_;
+   my ($self, $child) = @_;
+
+   $child->set_parent ($self);
 
-   $chld->set_parent ($self);
+   use sort 'stable';
 
    $self->{children} = [
       sort { $a->{z} <=> $b->{z} }
-         @{$self->{children}}, $chld
+         @{$self->{children}}, $child
    ];
 
-   $self->{w} = $self->{h} = -1;
-   $self->update;
+   $child->check_size;
 }
 
 sub remove {
-   my ($self, $widget) = @_;
+   my ($self, $child) = @_;
 
-   $self->{children} = [ grep $_ != $widget, @{ $self->{children} } ];
+   delete $child->{parent};
 
-   $self->size_allocate (0, 0, $self->{w}, $self->{h});
+   $self->{children} = [ grep $_ != $child, @{ $self->{children} } ];
+
+   $self->check_size;
 }
 
 sub find_widget {
@@ -385,11 +465,11 @@
 }
 
 sub add {
-   my ($self, $widget) = @_;
+   my ($self, $child) = @_;
 
    $self->{children} = [];
    
-   $self->SUPER::add ($widget);
+   $self->SUPER::add ($child);
 }
 
 sub remove {
@@ -408,11 +488,9 @@
 }
 
 sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
-
-   $self->_size_allocate ($x, $y, $w, $h) or return;
+   my ($self, $w, $h) = @_;
 
-   $self->{children}[0]->size_allocate (0, 0, $w, $h);
+   $self->{children}[0]->configure (0, 0, $w, $h);
 }
 
 #############################################################################
@@ -421,7 +499,7 @@
 
 our @ISA = CFClient::UI::Bin::;
 
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 sub new {
    my ($class, %arg) = @_;
@@ -440,18 +518,17 @@
 sub render_chld {
    my ($self) = @_;
 
-   $self->{texture} =
-      CFClient::Texture->new_from_opengl (
-         $self->{w}, $self->{h}, sub { $self->child->draw }
-      );
+   $self->{texture} = new_from_opengl CFClient::Texture $self->{w}, $self->{h}, sub {
+      glClearColor 0, 0, 0, 1;
+      glClear GL_COLOR_BUFFER_BIT;
+      $self->child->draw;
+   };
 }
 
 sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
+   my ($self, $w, $h) = @_;
 
-   $self->_size_allocate ($x, $y, $w, $h) or return;
-
-   $self->child->size_allocate (0, 0, $w, $h);
+   $self->child->configure (0, 0, $w, $h);
 
    $self->render_chld;
 }
@@ -477,46 +554,90 @@
 
 #############################################################################
 
-package CFClient::UI::Frame;
+package CFClient::UI::ViewPort;
 
-our @ISA = CFClient::UI::Bin::;
+our @ISA = CFClient::UI::Window::;
 
-use SDL::OpenGL;
+sub new { die }
 
 sub size_request {
    my ($self) = @_;
-   my $chld = $self->child
-      or return (0, 0);
 
-   $chld->move (2, 2);
+   @$self{qw(child_w child_h)} = $self->child->size_request;
+   $self->child->size_allocate (0, 0, @$self{qw(child_w child_h)});
 
-   map { $_ + 4 } $chld->size_request;
+   @$self{qw(child_w child_h)}
 }
 
-sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
-   
-   $self->_size_allocate ($x, $y, $w, $h) or return;
+sub _draw {
+   my ($self) = @_;
+
+   $self->{children}[1]->draw;
+}
+
+
+#############################################################################
+
+package CFClient::UI::Frame;
+
+our @ISA = CFClient::UI::Bin::;
+
+use CFClient::OpenGL;
+
+sub new {
+   my $class = shift;
+
+   my $self = $class->SUPER::new (
+      bg        => [1, 1, 1, 1],
+      border_bg => [1, 1, 1, 1],
+      border    => 0.8,
+      @_
+   );
+
+   $self
+}
+
+sub set_size {
+   my ($self, $w, $h) = @_;
+   $self->{req_w} = $w;
+   $self->{req_h} = $h;
+   $self->check_size;
+}
+
+sub size_request {
+   my ($self) = @_;
+   ($self->{req_w}, $self->{req_h})
+}
 
-   $self->child->size_allocate (2, 2, $w - 4, $h - 4);
+sub size_allocate {
+   my ($self, $w, $h) = @_;
+   $self->{w} = $w;
+   $self->{h} = $h;
+   $self->child->configure (0, 0, $w, $h);
 }
 
 sub _draw {
    my ($self) = @_;
 
-   my $chld = $self->child;
+   my ($w, $h) = ($self->{w}, $self->{h});
 
-   my ($w, $h) = $chld->size_request;
+   glEnable GL_BLEND;
+   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
+   glEnable GL_TEXTURE_2D;
+   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
+
+#   glBegin GL_QUADS;
+#   glColor 0, 0, 0, 0;
+#   glVertex 0 , 0;
+#   glVertex 0 , $h;
+#   glVertex $w, $h;
+#   glVertex $w, 0;
+#   glEnd;
 
-   glBegin GL_QUADS;
-   glColor 0, 0, 0;
-   glVertex 0      , 0;
-   glVertex 0      , $h + 4;
-   glVertex $w + 4 , $h + 4;
-   glVertex $w + 4 , 0;
-   glEnd;
 
-   $chld->draw;
+   $self->child->draw;
+   glDisable GL_BLEND;
+   glDisable GL_TEXTURE_2D;
 }
 
 #############################################################################
@@ -525,12 +646,37 @@
 
 our @ISA = CFClient::UI::Bin::;
 
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 my @tex = 
-      map { new_from_file CFClient::Texture CFClient::find_rcfile $_ }
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_, mipmap => 1 }
          qw(d1_bg.png d1_border_top.png d1_border_right.png d1_border_left.png d1_border_bottom.png);
 
+sub new {
+   my $class = shift;
+
+   # TODO: user_x, user_y, overwrite moveto?
+
+   my $self = $class->SUPER::new (
+      bg        => [1, 1, 1, 1],
+      border_bg => [1, 1, 1, 1],
+      border    => 0.8,
+      @_
+   );
+
+   $self->{title} &&= new CFClient::UI::Label
+      align    => 0,
+      valign   => 1,
+      text     => $self->{title},
+      fontsize => 1;
+
+   $self
+}
+
+sub border {
+   int $_[0]{border} * $::FONTSIZE
+}
+
 sub size_request {
    my ($self) = @_;
 
@@ -538,61 +684,55 @@
 
    my ($w, $h) = $self->SUPER::size_request;
 
-   $h += $tex[1]->{h};
-   $h += $tex[4]->{h};
-   $w += $tex[2]->{w};
-   $w += $tex[3]->{w};
-
-   ($w, $h)
+   (
+      $w + $self->border * 2,
+      $h + $self->border * 2,
+   )
 }
 
 sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
+   my ($self, $w, $h) = @_;
 
-   $self->_size_allocate ($x, $y, $w, $h) or return;
+   $h -= List::Util::max 0, $self->border * 2;
+   $w -= List::Util::max 0, $self->border * 2;
 
-   $h -= $tex[1]{h};
-   $h -= $tex[4]{h};
-   $w -= $tex[2]{w};
-   $w -= $tex[3]{w};
+   $self->{title}->configure ($self->border, $self->border - $::FONTSIZE * 2, $w, $::FONTSIZE * 2)
+      if $self->{title};
 
-   $h = $h < 0 ? 0 : $h;
-   $w = $w < 0 ? 0 : $w;
-
-   my $child = $self->child;
-
-   $child->size_allocate ($tex[3]->{w}, $tex[1]->{h}, $w, $h);
+   $self->child->configure ($self->border, $self->border, $w, $h);
 }
 
 sub button_down {
    my ($self, $ev, $x, $y) = @_;
 
-   if ($x < $self->{w} && $x >= $self->{w} - $tex[2]{w}
-       && $y < $self->{h} && $y >= $self->{h} - $tex[4]{h}) {
+   my $border = $self->border;
+
+   if ($x < $self->{w} && $x >= $self->{w} - $border
+       && $y < $self->{h} && $y >= $self->{h} - $border) {
 
-      my ($ox, $oy) = ($ev->button_x, $ev->button_y);
+      my ($ox, $oy) = ($ev->{x}, $ev->{y});
       my ($bw, $bh) = ($self->{w}, $self->{h});
 
       $self->{motion} = sub {
          my ($ev, $x, $y) = @_;
 
-         ($x, $y) = ($ev->motion_x, $ev->motion_y);
+         ($x, $y) = ($ev->{x}, $ev->{y});
 
          $self->{user_w} = $bw + $x - $ox;
          $self->{user_h} = $bh + $y - $oy;
-         $self->update;
+         $self->check_size;
       };
 
    } elsif ($x >= 0 && $x < $self->{w}
-            && $y >= 0 && $y < $tex[1]{h}) {
+            && $y >= 0 && $y < $border) {
 
-      my ($ox, $oy) = ($ev->button_x, $ev->button_y);
+      my ($ox, $oy) = ($ev->{x}, $ev->{y});
       my ($bx, $by) = ($self->{x}, $self->{y});
 
       $self->{motion} = sub {
          my ($ev, $x, $y) = @_;
 
-         ($x, $y) = ($ev->motion_x, $ev->motion_y);
+         ($x, $y) = ($ev->{x}, $ev->{y});
 
          $self->move ($bx + $x - $ox, $by + $y - $oy);
          $self->update;
@@ -615,41 +755,40 @@
 sub _draw {
    my ($self) = @_;
 
-   my ($w, $h) = ($self->{w}, $self->{h});
+   my ($w,  $h ) = ($self->{w}, $self->{h});
    my ($cw, $ch) = ($self->child->{w}, $self->child->{h});
 
    glEnable GL_BLEND;
    glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
    glEnable GL_TEXTURE_2D;
-   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
-
-   my $top = $tex[1];
-   $top->draw_quad (0, 0, $w, $top->{h});
-
-   my $left = $tex[3];
-   $left->draw_quad (0, $top->{h}, $left->{w}, $ch);
+   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_MODULATE;
 
-   my $right = $tex[2];
-   $right->draw_quad ($w - $right->{w}, $top->{h}, $right->{w}, $ch);
+   my $border = $self->border;
 
-   my $bottom = $tex[4];
-   $bottom->draw_quad (0, $h - $bottom->{h}, $w, $bottom->{h});
+   glColor @{ $self->{border_bg} };
+   $tex[1]->draw_quad (0, 0, $w, $border);
+   $tex[3]->draw_quad (0, $border, $border, $ch);
+   $tex[2]->draw_quad ($w - $border, $border, $border, $ch);
+   $tex[4]->draw_quad (0, $h - $border, $w, $border);
 
    my $bg = $tex[0];
 
-   glBindTexture GL_TEXTURE_2D, $bg->{name};
-   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
-
+   # TODO: repeat texture not scale
    my $rep_x = $cw / $bg->{w};
    my $rep_y = $ch / $bg->{h};
 
-   $bg->draw_quad ($left->{w}, $top->{h}, $cw, $ch);
+   glColor @{ $self->{bg} };
+
+   $bg->{s} = $rep_x;
+   $bg->{t} = $rep_y;
+   $bg->{wrap_mode} = 1;
+   $bg->draw_quad ($border, $border, $cw, $ch);
 
    glDisable GL_TEXTURE_2D;
    glDisable GL_BLEND;
 
+   $self->{title}->draw if $self->{title};
    $self->child->draw;
-
 }
 
 #############################################################################
@@ -660,7 +799,7 @@
 
 use List::Util qw(max sum);
 
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 sub new {
    my $class = shift;
@@ -672,12 +811,19 @@
 }
 
 sub add {
-   my ($self, $x, $y, $chld) = @_;
+   my ($self, $x, $y, $child) = @_;
+
+   $child->set_parent ($self);
+   $self->{children}[$y][$x] = $child;
+
+   $child->check_size;
+}
 
-   $self->{children}[$y][$x] = $chld;
-   $chld->set_parent ($self);
+# TODO: move to container class maybe? send childs a signal on removal?
+sub clear {
+   my ($self) = @_;
 
-   $self->{w} = $self->{h} = -1;
+   delete $self->{children};
    $self->update;
 }
 
@@ -715,9 +861,7 @@
 }
 
 sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
-
-   $self->_size_allocate ($x, $y, $w, $h) or return;
+   my ($self, $w, $h) = @_;
 
    my ($ws, $hs) = $self->get_wh;
 
@@ -733,6 +877,9 @@
    $ws->[$_] += $col_expand[$_] / $col_expand * ($w - $req_w) for 0 .. $#$ws;
    $hs->[$_] *= 1 * $h / $req_h for 0 .. $#$hs;
 
+   CFClient::UI::harmonize $ws;
+   CFClient::UI::harmonize $hs;
+
    my $y;
 
    for my $r (0 .. $#{$self->{children}}) {
@@ -746,7 +893,7 @@
          my $col_w = $ws->[$c];
 
          if (my $widget = $row->[$c]) {
-            $widget->size_allocate ($x, $y, $col_w, $row_h);
+            $widget->configure ($x, $y, $col_w, $row_h);
          }
 
          $x += $col_w;
@@ -801,9 +948,7 @@
 }
 
 sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
-
-   $self->_size_allocate ($x, $y, $w, $h);
+   my ($self, $w, $h) = @_;
 
    ($h, $w) = ($w, $h);
 
@@ -829,14 +974,18 @@
       }
    }
 
+   CFClient::UI::harmonize \@h;
+
    my $y = 0;
    for (0 .. $#$children) {
       my $child = $children->[$_];
       my $h = $h[$_];
-      $child->size_allocate ($y, 0, $h, $w);
+      $child->configure ($y, 0, $h, $w);
 
       $y += $h;
    }
+
+   1
 }
 
 #############################################################################
@@ -859,9 +1008,7 @@
 }
 
 sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
-
-   $self->_size_allocate ($x, $y, $w, $h);
+   my ($self, $w, $h) = @_;
 
    my $children = $self->{children};
 
@@ -883,14 +1030,18 @@
       }
    }
 
+   CFClient::UI::harmonize \@h;
+
    my $y = 0;
    for (0 .. $#$children) {
       my $child = $children->[$_];
       my $h = $h[$_];
-      $child->size_allocate (0, $y, $w, $h);
+      $child->configure (0, $y, $w, $h);
 
       $y += $h;
    }
+
+   1
 }
 
 #############################################################################
@@ -899,22 +1050,30 @@
 
 our @ISA = CFClient::UI::Base::;
 
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 sub new {
    my ($class, %arg) = @_;
 
    my $self = $class->SUPER::new (
-      fg      => [1, 1, 1],
-      height  => $::FONTSIZE,
-      text    => "",
-      align   => -1,
-      padding => 2,
-      layout  => new CFClient::Layout,
+      fg       => [1, 1, 1],
+      fontsize => 1,
+      text     => "",
+      align    => -1,
+      valign   => -1,
+      padding  => 2,
+      layout   => new CFClient::Layout,
       %arg
    );
 
-   $self->set_text ($self->{text});
+   if (exists $self->{template}) {
+      my $layout = new CFClient::Layout;
+      $layout->set_text (delete $self->{template});
+      $self->{template} = $layout;
+   }
+
+   $self->set_text   (delete $self->{text})   if exists $self->{text};
+   $self->set_markup (delete $self->{markup}) if exists $self->{markup};
 
    $self
 }
@@ -932,27 +1091,38 @@
 sub set_text {
    my ($self, $text) = @_;
 
-   $self->{text} = $text;
-   $self->{layout}->set_markup ($text);
+   $self->{layout}->set_text ($text);
 
    delete $self->{texture};
-#   $self->{w} = $self->{h} = -1;
    $self->update;
 }
 
-sub get_text {
-   my ($self, $text) = @_;
+sub set_markup {
+   my ($self, $markup) = @_;
 
-   $self->{text}
+   $self->{layout}->set_markup ($markup);
+
+   delete $self->{texture};
+   $self->update;
 }
 
 sub size_request {
    my ($self) = @_;
 
    $self->{layout}->set_width;
-   $self->{layout}->set_height ($self->{height});
+   $self->{layout}->set_height ($self->{fontsize} * $::FONTSIZE);
+
    my ($w, $h) = $self->{layout}->size;
 
+   if (exists $self->{template}) {
+      $self->{template}->set_height ($self->{fontsize} * $::FONTSIZE);
+
+      my ($w2, $h2) = $self->{template}->size;
+
+      $w = List::Util::max $w, $w2;
+      $h = List::Util::max $h, $h2;
+   }
+
    (
       $w + $self->{padding} * 2,
       $h + $self->{padding} * 2,
@@ -960,18 +1130,16 @@
 }
 
 sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
-
-   $self->_size_allocate ($x, $y, $w, $h) or return;
+   my ($self, $w, $h) = @_;
 
    delete $self->{texture};
 }
 
-sub update {
-   my ($self) = @_;
+sub set_fontsize {
+   my ($self, $fontsize) = @_;
 
-   delete $self->{texture};
-   $self->SUPER::update;
+   $self->{fontsize} = $fontsize;
+   $self->check_size;
 }
 
 sub _draw {
@@ -979,24 +1147,30 @@
 
    my $tex = $self->{texture} ||= do {
       $self->{layout}->set_width ($self->{w});
-      $self->{layout}->set_height (List::Util::min $self->{h} - $self->{padding} * 2, $self->{height});
+      $self->{layout}->set_height (List::Util::min $self->{h}, $self->{fontsize} * $::FONTSIZE);
       new_from_layout CFClient::Texture $self->{layout}
    };
 
    glEnable GL_BLEND;
    glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
    glEnable GL_TEXTURE_2D;
-   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_MODULATE;
+   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
 
    glColor @{$self->{fg}};
 
-   my $x =
+   $self->{ox} = int (
       $self->{align} < 0 ? $self->{padding}
     : $self->{align} > 0 ? $self->{w} - $tex->{w} - $self->{padding}
-    :                      ($self->{w} - $tex->{w}) * 0.5;
+    :                      ($self->{w} - $tex->{w}) * 0.5
+   );
+
+   $self->{oy} = int (
+      $self->{valign} < 0 ? $self->{padding}
+    : $self->{valign} > 0 ? $self->{h} - $tex->{h} - $self->{padding}
+    :                       ($self->{h} - $tex->{h}) * 0.5
+   );
 
-   glTranslate $x, ($self->{h} - $tex->{h}) * 0.5, 0;
-   $tex->draw_quad (0, 0);
+   $tex->draw_quad ($self->{ox}, $self->{oy});
 
    glDisable GL_TEXTURE_2D;
    glDisable GL_BLEND;
@@ -1004,12 +1178,11 @@
 
 #############################################################################
 
-package CFClient::UI::Entry;
+package CFClient::UI::EntryBase;
 
 our @ISA = CFClient::UI::Label::;
 
-use SDL;
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 sub new {
    my $class = shift;
@@ -1019,6 +1192,9 @@
       bg        => [0, 0, 0, 0.2],
       active_bg => [1, 1, 1, 0.5],
       active_fg => [0, 0, 0],
+      can_hover => 1,
+      can_focus => 1,
+      valign    => 0,
       @_
    )
 }
@@ -1026,20 +1202,23 @@
 sub _set_text {
    my ($self, $text) = @_;
 
-   $self->{last_activity} = $::NOW;
+   delete $self->{cur_h};
+
+   return if $self->{text} eq $text;
+
+   delete $self->{texture};
 
+   $self->{last_activity} = $::NOW;
    $self->{text} = $text;
-   $self->{layout}->set_width ($self->{w});
-   $self->{layout}->set_height (List::Util::min $self->{h} - $self->{padding} * 2, $self->{height});
 
    $text =~ s/./*/g if $self->{hidden};
+   $self->{layout}->set_text ("$text ");
 
-   $self->{layout}->set_markup ($self->escape_text ($text) . " ");
-
-   $text = substr $text, 0, $self->{cursor};
-   utf8::encode $text;
+   $self->emit (changed => $self->{text});
+}
 
-   @$self{qw(cur_x cur_y cur_h)} = $self->{layout}->cursor_pos (length $text);
+sub get_text {
+   $_[0]{text}
 }
 
 sub size_request {
@@ -1051,9 +1230,7 @@
 }
 
 sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
-
-   $self->SUPER::size_allocate ($x, $y, $w, $h);
+   my ($self, $w, $h) = @_;
 
    $self->_set_text ($self->{text});
 }
@@ -1069,25 +1246,26 @@
 sub key_down {
    my ($self, $ev) = @_;
 
-   my $mod = $ev->key_mod;
-   my $sym = $ev->key_sym;
-
-   my $uni = $ev->key_unicode;
+   my $mod = $ev->{mod};
+   my $sym = $ev->{sym};
+   my $uni = $ev->{unicode};
 
    my $text = $self->get_text;
 
-   if ($sym == SDLK_BACKSPACE) {
+   if ($sym == 8) {
       substr $text, --$self->{cursor}, 1, "" if $self->{cursor};
-   } elsif ($sym == SDLK_DELETE) {
+   } elsif ($sym == 127) {
       substr $text, $self->{cursor}, 1, "";
-   } elsif ($sym == SDLK_LEFT) {
+   } elsif ($sym == CFClient::SDLK_LEFT) {
       --$self->{cursor} if $self->{cursor};
-   } elsif ($sym == SDLK_RIGHT) {
+   } elsif ($sym == CFClient::SDLK_RIGHT) {
       ++$self->{cursor} if $self->{cursor} < length $self->{text};
-   } elsif ($sym == SDLK_HOME) {
+   } elsif ($sym == CFClient::SDLK_HOME) {
       $self->{cursor} = 0;
-   } elsif ($sym == SDLK_END) {
+   } elsif ($sym == CFClient::SDLK_END) {
       $self->{cursor} = length $text;
+   } elsif ($sym == 27) {
+      $self->emit ('escape');
    } elsif ($uni) {
       substr $text, $self->{cursor}++, 0, chr $uni;
    }
@@ -1151,25 +1329,53 @@
 
    #TODO: force update every cursor change :(
    if ($FOCUS == $self && (($::NOW - $self->{last_activity}) & 1023) < 600) {
+
+      unless (exists $self->{cur_h}) {
+         my $text = substr $self->{text}, 0, $self->{cursor};
+         utf8::encode $text;
+
+         @$self{qw(cur_x cur_y cur_h)} = $self->{layout}->cursor_pos (length $text)
+      }
+
       glColor @{$self->{fg}};
       glBegin GL_LINES;
-      glVertex $self->{cur_x}, $self->{cur_y};
-      glVertex $self->{cur_x}, $self->{cur_y} + $self->{cur_h};
+      glVertex $self->{cur_x} + $self->{ox}, $self->{cur_y} + $self->{oy};
+      glVertex $self->{cur_x} + $self->{ox}, $self->{cur_y} + $self->{oy} + $self->{cur_h};
       glEnd;
    }
 }
 
+package CFClient::UI::Entry;
+
+our @ISA = CFClient::UI::EntryBase::;
+
+use CFClient::OpenGL;
+
+sub key_down {
+   my ($self, $ev) = @_;
+
+   my $sym = $ev->{sym};
+
+   if ($sym == 13) {
+      $self->emit (activate => $self->get_text);
+      $self->update;
+
+   } else {
+      $self->SUPER::key_down ($ev);
+   }
+
+}
+
 #############################################################################
 
 package CFClient::UI::Button;
 
 our @ISA = CFClient::UI::Label::;
 
-use SDL;
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 my @tex =
-      map { new_from_file CFClient::Texture CFClient::find_rcfile $_ }
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_, mipmap => 1 }
          qw(b1_button_active.png);
 
 sub new {
@@ -1179,9 +1385,10 @@
       padding   => 4,
       fg        => [1, 1, 1],
       bg        => [1, 1, 1, 0.2],
-      active_fg => [1, 1, 0],
-#      active_bg => [0, 0, 0, 0.5],
-#      border_fg => [1, 1, 0],
+      active_fg => [0, 0, 1],
+      can_hover => 1,
+      align     => 0,
+      valign    => 0,
       @_
    )
 }
@@ -1199,20 +1406,18 @@
    my ($self) = @_;
 
    local $self->{fg} = $self->{fg};
-   my $tex = $tex[0];
-
-   glEnable GL_BLEND;
-   glEnable GL_TEXTURE_2D;
-   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
 
    if ($GRAB == $self) {
       $self->{fg} = $self->{active_fg};
    }
 
-   glBindTexture GL_TEXTURE_2D, $tex->{name};
+   glEnable GL_BLEND;
+   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
+   glEnable GL_TEXTURE_2D;
    glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
+   glColor 0, 0, 0, 1;
 
-   $tex->draw_quad (0, 0, $self->{w}, $self->{h});
+   $tex[0]->draw_quad (0, 0, $self->{w}, $self->{h});
 
    glDisable GL_TEXTURE_2D;
    glDisable GL_BLEND;
@@ -1226,8 +1431,11 @@
 
 our @ISA = CFClient::UI::DrawBG::;
 
-use SDL;
-use SDL::OpenGL;
+my @tex =
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_, mipmap => 1 }
+         qw(c1_checkbox_bg.png c1_checkbox_active.png);
+
+use CFClient::OpenGL;
 
 sub new {
    my $class = shift;
@@ -1237,6 +1445,7 @@
       fg        => [1, 1, 1],
       active_fg => [1, 1, 0],
       state     => 0,
+      can_hover => 1,
       @_
    )
 }
@@ -1247,12 +1456,6 @@
    ($self->{padding} * 2 + 6) x 2
 }
 
-sub size_allocate {
-   my ($self, $x, $y, $w, $h) = @_;
-
-   $self->_size_allocate ($x, $y, $w, $h);
-}
-
 sub button_down {
    my ($self, $ev, $x, $y) = @_;
 
@@ -1271,24 +1474,239 @@
    glTranslate $self->{padding} + 0.375, $self->{padding} + 0.375, 0;
 
    my $s = (List::Util::min @$self{qw(w h)}) - $self->{padding} * 2;
-   
+
    glColor @{ $FOCUS == $self ? $self->{active_fg} : $self->{fg} };
 
-   glBegin GL_LINE_LOOP;
-   glVertex 0 , 0;
-   glVertex 0 , $s;
-   glVertex $s, $s;
-   glVertex $s, 0;
-   glEnd;
+   glEnable GL_BLEND;
+   glEnable GL_TEXTURE_2D;
+   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
 
-   if ($self->{state}) {
-      glBegin GL_LINES;
-      glVertex 0 , 0;
-      glVertex $s, $s;
-      glVertex $s, 0;
-      glVertex 0 , $s;
-      glEnd;
+   my $tex = $self->{state} ? $tex[1] : $tex[0];
+
+   $tex->draw_quad (0, 0, $s, $s);
+
+   glDisable GL_TEXTURE_2D;
+   glDisable GL_BLEND;
+}
+
+#############################################################################
+
+package CFClient::UI::Image;
+
+our @ISA = CFClient::UI::Base::;
+
+use CFClient::OpenGL;
+use Carp qw/confess/;
+
+our %loaded_images;
+
+sub new {
+   my $class = shift;
+
+   my $self = $class->SUPER::new (@_);
+
+   $self->{image} or confess "Image has 'image' not set. This is a fatal error!";
+
+   $loaded_images{$self->{image}} ||=
+      new_from_file CFClient::Texture CFClient::find_rcfile $self->{image}, mipmap => 1;
+
+   my $tex = $self->{tex} = $loaded_images{$self->{image}};
+
+   Scalar::Util::weaken $loaded_images{$self->{image}};
+
+   $self->{aspect} = $tex->{w} / $tex->{h};
+
+   $self
+}
+
+sub size_request {
+   my ($self) = @_;
+
+   ($self->{tex}->{w}, $self->{tex}->{h})
+}
+
+sub _draw {
+   my ($self) = @_;
+
+   my $tex = $self->{tex};
+
+   my ($w, $h) = ($self->{w}, $self->{h});
+
+   if ($self->{rot90}) {
+      glRotate 90, 0, 0, 1;
+      glTranslate 0, -$self->{w}, 0;
+
+      ($w, $h) = ($h, $w);
+   }
+
+   glEnable GL_BLEND;
+   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
+   glEnable GL_TEXTURE_2D;
+   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
+
+   $tex->draw_quad (0, 0, $w, $h);
+
+   glDisable GL_BLEND;
+   glDisable GL_TEXTURE_2D;
+}
+
+#############################################################################
+
+package CFClient::UI::VGauge;
+
+our @ISA = CFClient::UI::Base::;
+
+use CFClient::OpenGL;
+
+my %tex = (
+   food => [
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_, mipmap => 1 }
+         qw/g1_food_gauge_empty.png g1_food_gauge_full.png/
+   ],
+   grace => [
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_, mipmap => 1 }
+         qw/g1_grace_gauge_empty.png g1_grace_gauge_full.png/
+   ],
+   hp => [
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_, mipmap => 1 }
+         qw/g1_hp_gauge_empty.png g1_hp_gauge_full.png/
+   ],
+   mana => [
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_, mipmap => 1 }
+         qw/g1_mana_gauge_empty.png g1_mana_gauge_full.png/
+   ],
+);
+
+# eg. VGauge->new (gauge => 'food'), default gauge: food
+sub new {
+   my $class = shift;
+
+   my $self = $class->SUPER::new (
+      type  => 'food',
+      @_
+   );
+
+   $self->{aspect} = $tex{$self->{type}}[0]{w} / $tex{$self->{type}}[0]{h};
+
+   $self
+}
+
+sub size_request {
+   my ($self) = @_;
+
+   #my $tex = $tex{$self->{type}}[0];
+   #@$tex{qw(w h)}
+   (0, 0)
+}
+
+sub set_max {
+   my ($self, $max) = @_;
+
+   $self->{max_val} = $max;
+}
+
+sub set_value {
+   my ($self, $val, $max) = @_;
+
+   $self->set_max ($max)
+      if defined $max;
+
+   $max = $self->{max_val};
+   $self->{val} = $val;
+
+   $self->update;
+}
+
+sub _draw {
+   my ($self) = @_;
+
+   my $tex = $tex{$self->{type}};
+
+   my ($w, $h) = ($self->{w}, $self->{h});
+
+   if ($self->{vertical}) {
+      glRotate 90, 0, 0, 1;
+      glTranslate 0, -$self->{w}, 0;
+
+      ($w, $h) = ($h, $w);
    }
+
+   my $ycut = $self->{val} / ($self->{max_val} || 1);
+   $ycut = 1 if $self->{val} > $self->{max_val};
+
+   my $t1 = $tex->[0];
+   my $t2 = $tex->[1];
+
+   glEnable GL_BLEND;
+   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
+   glEnable GL_TEXTURE_2D;
+   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
+
+   my $h1 = $self->{h} - $ycut * $self->{h};
+   my $h2 = $ycut * $self->{h};
+
+   glBindTexture GL_TEXTURE_2D, $t1->{name};
+   glBegin GL_QUADS;
+   glTexCoord 0       , 0;                      glVertex 0 , 0;
+   glTexCoord 0       , $t1->{t} * (1 - $ycut); glVertex 0 , $h1;
+   glTexCoord $t1->{s}, $t1->{t} * (1 - $ycut); glVertex $w, $h1;
+   glTexCoord $t1->{s}, 0;                      glVertex $w, 0;
+   glEnd;
+
+   glBindTexture GL_TEXTURE_2D, $t2->{name};
+   glBegin GL_QUADS;
+   glTexCoord 0       , $t2->{t} * (1 - $ycut); glVertex 0 , $h1;
+   glTexCoord 0       , $t2->{t};               glVertex 0 , $h1 + $h2;
+   glTexCoord $t2->{s}, $t2->{t};               glVertex $w, $h1 + $h2;
+   glTexCoord $t2->{s}, $t2->{t} * (1 - $ycut); glVertex $w, $h1;
+   glEnd;
+
+   glDisable GL_BLEND;
+   glDisable GL_TEXTURE_2D;
+}
+
+#############################################################################
+
+package CFClient::UI::Gauge;
+
+our @ISA = CFClient::UI::VBox::;
+
+sub new {
+   my ($class, %arg) = shift;
+
+   my $self = $class->SUPER::new (
+      @_,
+   );
+
+   $self->add ($self->{value} = new CFClient::UI::Label valign => 1, align => 0, template => "999");
+   $self->add ($self->{gauge} = new CFClient::UI::VGauge type => $self->{type}, expand => 1);
+   $self->add ($self->{max}   = new CFClient::UI::Label valign => 1, align => 0, template => "999");
+
+   $self
+}
+
+sub set_fontsize {
+   my ($self, $fsize) = @_;
+
+   $self->{value}->set_fontsize ($fsize);
+   $self->{max}  ->set_fontsize ($fsize);
+}
+
+sub set_value {
+   my ($self, $val, $max) = @_;
+
+   $self->set_max ($max)
+      if defined $max;
+
+   $self->{gauge}->set_value ($val, $max);
+   $self->{value}->set_text ($val);
+}
+
+sub set_max {
+   my ($self, $max) = @_;
+
+   $self->{gauge}->set_max ($max);
+   $self->{max}->set_text ($max);
 }
 
 #############################################################################
@@ -1297,22 +1715,31 @@
 
 use strict;
 
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 our @ISA = CFClient::UI::DrawBG::;
 
+my @tex =
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_ }
+         qw(s1_slider.png s1_slider_bg.png);
+
 sub new {
    my $class = shift;
 
    # range [value, low, high, page]
 
+   # TODO: 0-width page
+   # TODO: req_w/h are wrong with vertical
+   # TODO: calculations are off
    my $self = $class->SUPER::new (
       fg        => [1, 1, 1],
       active_fg => [0, 0, 0],
       range     => [0, 0, 100, 10],
-      req_w     => 40,
-      req_h     => 10,
+      req_w     => 20,
+      req_h     => 20,
       vertical  => 0,
+      can_hover => 1,
+      inner_pad => 5,
       @_
    );
 
@@ -1343,7 +1770,11 @@
 
       my ($x, $w) = $self->{vertical} ? ($y, $self->{h}) : ($x, $self->{w});
 
-      $x = $x * ($hi - $lo) / $w + $lo;
+      my $inner_pad_px = $self->_calc_inner_pad_px ($w);
+      my $inner_w = $w - $inner_pad_px * 2;               # * 2 for left & right
+
+      $x -= $inner_pad_px;  # substract the padding
+      $x = $x * ($hi - $lo) / $inner_w + $lo;
       $x = $lo         if $x < $lo;
       $x = $hi - $page if $x > $hi - $page;
       $self->{range}[0] = $x;
@@ -1353,6 +1784,14 @@
    }
 }
 
+# the inner_* stuff is for generating a padding for the slider handle,
+# so that the handle doesn't leave the texture. This calculation isn't 100%
+# correct propably, but it does the job for now
+sub _calc_inner_pad_px {
+   my ($self, $w) = @_;
+   ($w / 100) * $self->{inner_pad} # % to pixels
+}
+
 sub _draw {
    my ($self) = @_;
 
@@ -1374,247 +1813,200 @@
 
    my ($value, $lo, $hi, $page) = @{$self->{range}};
 
-   $page = int $page * $w / ($hi - $lo);
-   $value = int +($value - $lo) * $w / ($hi - $lo);
+   $hi = $value + 1 if $lo == $hi;
+
+   my $inner_pad_px = $self->_calc_inner_pad_px ($w);
+   my $inner_w = $w - $inner_pad_px * 2;               # * 2 for left & right
+
+   $page  = int $page * $inner_w / ($hi - $lo);
+   $value = int +($value - $lo) * $inner_w / ($hi - $lo);
 
    $w -= $page;
    $page &= ~1;
    glTranslate $page * 0.5, 0, 0;
    $page ||= 2;
 
-   glColor @$fg;
-   glBegin GL_LINES;
-   glVertex 0, 0; glVertex 0, $h;
-   glVertex $w - 1, 0; glVertex $w - 1, $h;
-   glVertex 0, $h * 0.5; glVertex $w, $h * 0.5;
-   glEnd;
+   my $knob_a = $inner_pad_px + ($value - $page * 0.5);
+   my $knob_b = $inner_pad_px + ($value + $page * 0.5);
 
-   my $knob_a = $value - $page * 0.5;
-   my $knob_b = $value + $page * 0.5;
+   glEnable GL_BLEND;
+   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
+   glEnable GL_TEXTURE_2D;
+   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
 
-   glBegin GL_QUADS;
-   glColor @$fg;
-   glVertex $knob_a, 0;
-   glVertex $knob_a, $h;
-   glVertex $knob_b, $h;
-   glVertex $knob_b, 0;
-
-   if ($knob_a < $knob_b - 2) {
-      glColor @$bg;
-      glVertex $knob_a + 1, 1;
-      glVertex $knob_a + 1, $h - 1;
-      glVertex $knob_b - 1, $h - 1;
-      glVertex $knob_b - 1, 1;
-   }
-   glEnd;
-}
+   # draw background
+   $tex[1]->draw_quad (0, 0, $w, $h);
 
-#############################################################################
+   # draw handle
+   $tex[0]->draw_quad ($knob_a, 0, $knob_b - $knob_a, $h);
 
-package CFClient::UI::MapWidget;
+   glDisable GL_BLEND;
+   glDisable GL_TEXTURE_2D;
+}
 
-use strict;
+#############################################################################
 
-use List::Util qw(min max);
+package CFClient::UI::TextView;
 
-use SDL;
-use SDL::OpenGL;
+our @ISA = CFClient::UI::HBox::;
 
-our @ISA = CFClient::UI::Base::;
+use CFClient::OpenGL;
 
 sub new {
    my $class = shift;
 
-   $class->SUPER::new (
-      z    => -1,
-      list => (glGenLists 1),
-      @_
-   )
-}
+   my $self = $class->SUPER::new (
+      fontsize => 1,
+      @_,
 
-sub key_down {
-   print "MAPKEYDOWN\n";
+      layout   => (new CFClient::Layout),
+      par      => [],
+      height   => 0,
+      children => [
+         (new CFClient::UI::Empty expand => 1),
+         (new CFClient::UI::Slider vertical => 1),
+      ],
+   );
+
+   $self->{children}[1]->connect (changed => sub {
+      $self->update;
+   });
+
+   $self
 }
 
-sub key_up {
+sub set_fontsize {
+   my ($self, $fontsize) = @_;
+
+   $self->{fontsize} = $fontsize;
+   $self->reflow;
 }
 
-sub size_request {
-   (
-      1 + 32 * int $::WIDTH  / 32,
-      1 + 32 * int $::HEIGHT / 32,
-   )
+sub text_height {
+   my ($self, $text) = @_;
+
+   my $layout = $self->{layout};
+
+   $layout->set_height ($self->{fontsize} * $::FONTSIZE);
+   $layout->set_width ($self->{w});
+   $layout->set_text ($text);
+   
+   ($layout->size)[1]
 }
 
-sub update {
+sub reflow {
    my ($self) = @_;
 
-   $self->{need_update} = 1;
-   $self->SUPER::update;
+   $self->{need_reflow}++;
+   $self->update;
 }
 
-sub draw {
-   my ($self) = @_;
+sub size_allocate {
+   my ($self, $w, $h) = @_;
 
-   if (delete $self->{need_update}) {
-      glNewList $self->{list}, GL_COMPILE;
+   $self->SUPER::size_allocate ($w, $h);
 
-      my $mx = $::CONN->{mapx};
-      my $my = $::CONN->{mapy};
+   $self->{layout}->set_height ($self->{fontsize} * $::FONTSIZE);
+   $self->{layout}->set_width ($self->{children}[0]{w});
 
-      my $map = $::CONN->{map};
+   $self->reflow;
+}
 
-      my ($xofs, $yofs);
+sub add_paragraph {
+   my ($self, $color, $text) = @_;
 
-      my $sw = 1 + int $::WIDTH  / 32;
-      my $sh = 1 + int $::HEIGHT / 32;
+   #TODO: intelligently "reformat" paragraph
 
-      if ($::CONN->{mapw} > $sw) {
-         $xofs = $mx + ($::CONN->{mapw} - $sw) * 0.5;
-      } else {
-         $xofs = $self->{xofs} = min $mx, max $mx + $::CONN->{mapw} - $sw + 1, $self->{xofs};
-      }
+   my $height = $self->text_height ($text);
 
-      if ($::CONN->{maph} > $sh) {
-         $yofs = $my + ($::CONN->{maph} - $sh) * 0.5;
-      } else {
-         $yofs = $self->{yofs} = min $my, max $my + $::CONN->{maph} - $sh + 1, $self->{yofs};
-      }
+   $self->{height} += $height;
 
-      glEnable GL_TEXTURE_2D;
-      glEnable GL_BLEND;
-      glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
-      glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
-      glColor 1, 1, 1, 1;
+   push @{$self->{par}}, [$height, $color, $text];
 
-      my $sw4 = ($sw + 3) & ~3;
-      my $darkness = "\x00" x ($sw4 * $sh);
+   $self->{children}[1]{range} = [$self->{height} - $self->{h}, 0, $self->{height}, $self->{h}];
+   $self->{children}[1]->update;
+}
 
-      for my $x (0 .. $sw - 1) {
-         my $row = $map->[$x + $xofs];
-         for my $y (0 .. $sh - 1) {
-
-            my $cell = $row->[$y + $yofs]
-               or next;
-
-            my $dark = $cell->[0];
-            if ($dark < 0) {
-               substr $darkness, $y * $sw4 + $x, 1, chr 224;
-            } else {
-               substr $darkness, $y * $sw4 + $x, 1, chr 255 - $dark;
-            }
+sub update {
+   my ($self) = @_;
 
-            for my $num (grep $_, @$cell[1,2,3]) {
-               my $tex = $::CONN->{face}[$num]{texture} || next;
-               
-               my ($w, $h) = @$tex{qw(w h)};
+   $self->SUPER::update;
 
-               $tex->draw_quad (($x + 1) * 32 - $w, ($y + 1) * 32 - $h, $w, $h);
-            }
-         }
+   return unless $self->{h} > 0;
+
+   delete $self->{texture};
+
+   $ROOT->on_refresh ($self, sub {
+      if (delete $self->{need_reflow}) {
+         my $height = 0;
+
+         $height += $_->[0] = $self->text_height ($_->[2])
+            for @{$self->{par}};
+
+         $self->{height} = $height;
+
+         $self->{children}[1]{range} = [$height - $self->{h}, 0, $height, $self->{h}];
+         
+         delete $self->{texture};
       }
 
-#   if (1) { # higher quality darkness
-#      $lighting =~ s/(.)/$1$1$1/gs;
-#      my $pb = new_from_data Gtk2::Gdk::Pixbuf $lighting, "rgb", 0, 8, $sw4, $sh, $sw4 * 3;
-#
-#      $pb = $pb->scale_simple ($sw4 * 0.5, $sh * 0.5, "bilinear");
-#
-#      $lighting = $pb->get_pixels;
-#      $lighting =~ s/(.)../$1/gs;
-#   }
-
-      glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_MODULATE;
-
-      $darkness = new CFClient::Texture
-         w              => $sw4,
-         h              => $sh,
-         data           => $darkness,
-         internalformat => GL_ALPHA,
-         format         => GL_ALPHA;
+      $self->{texture} ||= new_from_opengl CFClient::Texture $self->{w}, $self->{h}, sub {
+         glClearColor 0, 0, 0, 1;
+         glClear GL_COLOR_BUFFER_BIT;
 
-      glColor 0.45, 0.45, 0.45, 1;
-      $darkness->draw_quad (0, 0, $sw4 * 32, $sh * 32);
+         glEnable GL_BLEND;
+         glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
+         glEnable GL_TEXTURE_2D;
+         glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
 
-      glDisable GL_TEXTURE_2D;
-      glDisable GL_BLEND;
+         my $top = int $self->{children}[1]{range}[0];
 
-      glEndList;
-   }
+         my $y0 = $top;
+         my $y1 = $top + $self->{h};
 
-   glCallList $self->{list};
+         my $y = 0;
 
-   if ($FOCUS != $self) {
-      glEnable GL_BLEND;
-      glColor 0, 0, 1, 0.4;
-      glBegin GL_QUADS;
-      glVertex 0, 0;
-      glVertex 0, $::HEIGHT;
-      glVertex $::WIDTH, $::HEIGHT;
-      glVertex $::WIDTH, 0;
-      glEnd;
-      glDisable GL_BLEND;
-   }
-}
+         my $layout = $self->{layout};
 
-my %DIR = (
-   SDLK_KP8, [1, "north"],
-   SDLK_KP9, [2, "northeast"],
-   SDLK_KP6, [3, "east"],
-   SDLK_KP3, [4, "southeast"],
-   SDLK_KP2, [5, "south"],
-   SDLK_KP1, [6, "southwest"],
-   SDLK_KP4, [7, "west"],
-   SDLK_KP7, [8, "northwest"],
-
-   SDLK_UP,    [1, "north"],
-   SDLK_RIGHT, [3, "east"],
-   SDLK_DOWN,  [5, "south"],
-   SDLK_LEFT,  [7, "west"],
-);
+         for my $par (@{$self->{par}}) {
+            my $h = $par->[0];
 
-sub key_down {
-   my ($self, $ev) = @_;
+            if ($y0 < $y + $h && $y < $y1) {
+               $layout->set_text ($par->[2]);
 
-   my $mod = $ev->key_mod;
-   my $sym = $ev->key_sym;
+               glColor @{ $par->[1] };
+               my ($W, $H) = $layout->size;
+               CFClient::Texture->new_from_layout ($layout)->draw_quad (0, $y - $y0);
+            }
 
-   if ($sym == SDLK_KP5) {
-      $::CONN->send ("command stay fire");
-   } elsif ($sym == SDLK_a) {
-      $::CONN->send ("command apply");
-   } elsif (exists $DIR{$sym}) {
-      if ($mod & KMOD_SHIFT) {
-         $self->{shft}++;
-         $::CONN->send ("command fire $DIR{$sym}[0]");
-      } elsif ($mod & KMOD_CTRL) {
-         $self->{ctrl}++;
-         $::CONN->send ("command run $DIR{$sym}[0]");
-      } else {
-         $::CONN->send ("command $DIR{$sym}[1]");
-      }
-   }
-}
+            $y += $h;
+         }
 
-sub key_up {
-   my ($self, $ev) = @_;
+         glDisable GL_TEXTURE_2D;
+         glDisable GL_BLEND;
+      };
+   });
+}
 
-   my $mod = $ev->key_mod;
-   my $sym = $ev->key_sym;
+sub _draw {
+   my ($self) = @_;
 
-   if (!($mod & KMOD_SHIFT) && delete $self->{shft}) {
-      $::CONN->send ("command fire_stop");
-   }
-   if (!($mod & KMOD_CTRL ) && delete $self->{ctrl}) {
-      $::CONN->send ("command run_stop");
+   if ($self->{texture}) {
+      glEnable GL_TEXTURE_2D;
+      glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
+      $self->{texture}->draw_quad (0, 0, $self->{w}, $self->{h});
+      glDisable GL_TEXTURE_2D;
    }
+
+   $self->{children}[1]->draw;
+
 }
 
 #############################################################################
 
 package CFClient::UI::Animator;
 
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 our @ISA = CFClient::UI::Bin::;
 
@@ -1654,24 +2046,71 @@
 
 #############################################################################
 
-package CFClient::UI::Toplevel;
+package CFClient::UI::Flopper;
+
+our @ISA = CFClient::UI::Button::;
+
+sub new {
+   my $class = shift;
+
+   my $self = $class->SUPER::new (
+      state => 0,
+      connect_activate => \&toggle_flopper,
+      @_
+   );
+
+   if ($self->{state}) {
+      $self->{state} = 0;
+      $self->toggle_flopper;
+   }
+
+   $self
+}
+
+sub toggle_flopper {
+   my ($self) = @_;
+
+   # TODO: use animation
+   if ($self->{state} = !$self->{state}) {
+      $CFClient::UI::ROOT->add ($self->{other});
+      $self->{other}->move ($self->coord2global (0, $self->{h}));
+      $self->emit ("open");
+   } else {
+      $CFClient::UI::ROOT->remove ($self->{other});
+      $self->emit ("close");
+   }
+
+   $self->emit (changed => $self->{state});
+}
+
+#############################################################################
+
+package CFClient::UI::Root;
 
 our @ISA = CFClient::UI::Container::;
 
+use CFClient::OpenGL;
+
+sub check_size {
+   my ($self) = @_;
+
+   $self->configure (0, 0, $::WITH, $::HEIGHT);
+}
+
 sub size_request {
    ($::WIDTH, $::HEIGHT)
 }
 
-sub size_allocate {
+sub configure {
    my ($self, $x, $y, $w, $h) = @_;
 
-   $self->_size_allocate ($x, $y, $w, $h);
+   $self->SUPER::configure ($x, $y, $w, $h);
 
-   $_->size_allocate ($_->{x}, $_->{y}, $_->size_request)
+   $_->configure ($_->{x}, $_->{y}, $_->size_request)
       for @{$self->{children}};
 }
 
-sub translate {
+sub _topleft {
    my ($self, $x, $y) = @_;
 
    ($x, $y)
@@ -1680,21 +2119,43 @@
 sub update {
    my ($self) = @_;
 
-   $self->size_allocate (0, 0, $::WIDTH, $::HEIGHT);
+   $self->check_size;
    ::refresh ();
 }
 
 sub add {
-   my ($self, $widget) = @_;
+   my ($self, $child) = @_;
+
+   # integerize window positions
+   $child->{x} = int $child->{x};
+   $child->{y} = int $child->{y};
+
+   $self->SUPER::add ($child);
+}
 
-   $self->SUPER::add ($widget);
+sub on_refresh {
+   my ($self, $id, $cb) = @_;
 
-   $widget->size_allocate ($widget->{x}, $widget->{y}, $widget->size_request);
+   $self->{refresh_hook}{$id} = $cb;
 }
 
 sub draw  {
    my ($self) = @_;
 
+   while (my $rcb = delete $self->{refresh_hook}) {
+      $_->() for values %$rcb;
+   }
+
+   glViewport 0, 0, $::WIDTH, $::HEIGHT;
+   glClearColor +($::CFG->{fow_intensity}) x 3, 1;
+   glClear GL_COLOR_BUFFER_BIT;
+
+   glMatrixMode GL_PROJECTION;
+   glLoadIdentity;
+   glOrtho 0, $::WIDTH, $::HEIGHT, 0, -10000 , 10000;
+   glMatrixMode GL_MODELVIEW;
+   glLoadIdentity;
+
    $self->_draw;
 }
 
@@ -1702,7 +2163,7 @@
 
 package CFClient::UI;
 
-$TOPLEVEL = new CFClient::UI::Toplevel;
+$ROOT = new CFClient::UI::Root;
 
 1