--- deliantra/Deliantra-Client/DC/UI.pm	2006/04/11 17:32:14	1.69
+++ deliantra/Deliantra-Client/DC/UI.pm	2006/04/23 00:57:39	1.151
@@ -1,19 +1,39 @@
-package CFClient::Widget;
+package CFClient::UI;
 
 use strict;
 
-use Scalar::Util;
-
-use SDL::OpenGL;
-use SDL::OpenGL::Constants;
+use Scalar::Util ();
+use List::Util ();
 
 use CFClient;
 
 our ($FOCUS, $HOVER, $GRAB); # various widgets
 
-our $TOPLEVEL;
+our $ROOT;
+our $TOOLTIP;
 our $BUTTON_STATE;
 
+sub check_tooltip {
+   if (!$GRAB) {
+      for (my $widget = $HOVER; $widget; $widget = $widget->{parent}) {
+         if (exists $widget->{tooltip}) {
+
+            if ($TOOLTIP->{owner} != $widget) {
+               $TOOLTIP->{owner} = $widget;
+               $TOOLTIP->set_text ($widget->{tooltip});
+               $TOOLTIP->move ($widget->coord2global ($widget->{w}, 0));
+               $TOOLTIP->show;
+            }
+
+            return;
+         }
+      }
+   }
+
+   $TOOLTIP->hide;
+   delete $TOOLTIP->{owner};
+}
+
 # class methods for events
 sub feed_sdl_key_down_event { 
    $FOCUS->key_down ($_[0]) if $FOCUS;
@@ -25,69 +45,124 @@
 
 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;
+
+      check_tooltip;
    }
 
-   $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_down ($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;
       $grab->update if $grab;
       $GRAB->update if $GRAB;
+
+      check_tooltip;
    }
 }
 
 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};
+
+      check_tooltip;
    }
 
-   $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;
+   }
+}
+
+#############################################################################
+
+package CFClient::UI::Base;
+
+use strict;
+
+use CFClient::OpenGL;
+
 sub new {
    my $class = shift;
 
-   bless {
+   my $self = bless {
       x => 0,
       y => 0,
       z => 0,
+      can_events => 1,
       @_
-   }, $class
+   }, $class;
+
+   for (keys %$self) {
+      if (/^connect_(.*)$/) {
+         $self->connect ($1 => delete $self->{$_});
+      }
+   }
+
+   $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 {
@@ -96,29 +171,76 @@
 
 sub size_request {
    require Carp;
-   Carp::confess "size_request is abtract";
+   Carp::confess "size_request is abstract";
+}
+
+sub configure {
+   my ($self, $x, $y, $w, $h) = @_;
+
+   if ($self->{aspect}) {
+      my $w2 = List::Util::min $w, int $h * $self->{aspect};
+      my $h2 = List::Util::min $h, int $w / $self->{aspect};
+
+      # use alignment to adjust x, y
+
+      $x += int +($w - $w2) * 0.5;
+      $y += int +($h - $h2) * 0.5;
+
+      ($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, $w, $h) = @_;
+   # nothing to be done
+}
 
-   $self->{w} = $w;
-   $self->{h} = $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 coord2local {
+   my ($self, $x, $y) = @_;
+
+   my ($X, $Y) = $self->_topleft;
+   ($x - $X, $y - $Y)
 }
 
-# translate global koordinates to local coordinate system
-sub translate {
+# 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;
 }
@@ -129,6 +251,9 @@
    return unless $FOCUS == $self;
 
    my $focus = $FOCUS; undef $FOCUS;
+
+   $self->emit (focus_out => $focus);
+
    $focus->update if $focus; #?
 }
 
@@ -157,18 +282,22 @@
    glPushMatrix;
    glTranslate $self->{x}, $self->{y}, 0;
    $self->_draw;
-   if ($self == $HOVER) {
-      glColor 1, 1, 1, 0.4;
+   glPopMatrix;
+
+   if ($self == $HOVER && $self->{can_hover}) {
+      my ($x, $y) = @$self{qw(x y)};
+
+      glColor 1, 0.8, 0.5, 0.2;
       glEnable GL_BLEND;
+      glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
       glBegin GL_QUADS;
-      glVertex 0         , 0;
-      glVertex $self->{w}, 0;
-      glVertex $self->{w}, $self->{h};
-      glVertex 0         , $self->{h};
+      glVertex $x             , $y;
+      glVertex $x + $self->{w}, $y;
+      glVertex $x + $self->{w}, $y + $self->{h};
+      glVertex $x             , $y + $self->{h};
       glEnd;
       glDisable GL_BLEND;
    }
-   glPopMatrix;
 }
 
 sub _draw {
@@ -177,20 +306,11 @@
    warn "no draw defined for $self\n";
 }
 
-sub bbox {
-   my ($self) = @_;
-   my ($w, $h) = $self->size_request;
-   (
-     $self->{x},
-     $self->{y},
-     $self->{x} = $w,
-     $self->{y} = $h
-   )
-}
-
 sub find_widget {
    my ($self, $x, $y) = @_;
 
+   return () unless $self->{can_events};
+
    return $self
       if $x >= $self->{x} && $x < $self->{x} + $self->{w}
           && $y >= $self->{y} && $y < $self->{y} + $self->{h};
@@ -198,17 +318,25 @@
    ()
 }
 
-sub del_parent { $_[0]->{parent} = undef }
-
 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) = @_;
+
+   return unless $self->{parent};
+
+   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;
+   }
 }
 
 sub update {
@@ -218,6 +346,20 @@
       if $self->{parent};
 }
 
+sub connect {
+   my ($self, $signal, $cb) = @_;
+
+   push @{ $self->{signal_cb}{$signal} }, $cb;
+}
+
+sub emit {
+   my ($self, $signal, @args) = @_;
+
+   for my $cb (@{$self->{signal_cb}{$signal} || []}) {
+      $cb->($self, @args);
+   }
+}
+
 sub DESTROY {
    my ($self) = @_;
 
@@ -226,12 +368,12 @@
 
 #############################################################################
 
-package CFClient::Widget::DrawBG;
+package CFClient::UI::DrawBG;
 
-our @ISA = CFClient::Widget::;
+our @ISA = CFClient::UI::Base::;
 
 use strict;
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 sub new {
    my $class = shift;
@@ -239,8 +381,8 @@
    # range [value, low, high, page]
 
    $class->SUPER::new (
-      bg        => [0, 0, 0, 0.4],
-      active_bg => [1, 1, 1],
+      bg        => [0, 0, 0, 0.2],
+      active_bg => [1, 1, 1, 0.5],
       @_
    )
 }
@@ -250,20 +392,30 @@
 
    my ($w, $h) = @$self{qw(w h)};
 
+   glEnable GL_BLEND;
+   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
    glColor @{ $FOCUS == $self ? $self->{active_bg} : $self->{bg} };
+
    glBegin GL_QUADS;
    glVertex 0 , 0;
    glVertex 0 , $h;
    glVertex $w, $h;
    glVertex $w, 0;
    glEnd;
+
+   glDisable GL_BLEND;
 }
 
 #############################################################################
 
-package CFClient::Widget::Empty;
+package CFClient::UI::Empty;
+
+our @ISA = CFClient::UI::Base::;
 
-our @ISA = CFClient::Widget::;
+sub new {
+   my ($class, %arg) = @_;
+   $class->SUPER::new (can_events => 0, %arg);
+}
 
 sub size_request {
    (0, 0)
@@ -273,42 +425,45 @@
 
 #############################################################################
 
-package CFClient::Widget::Container;
+package CFClient::UI::Container;
 
-our @ISA = CFClient::Widget::;
+our @ISA = CFClient::UI::Base::;
 
 sub new {
    my ($class, %arg) = @_;
 
    my $children = delete $arg{children} || [];
 
-   my $self = $class->SUPER::new (children => [], %arg);
+   my $self = $class->SUPER::new (children => [], can_events => 0, %arg);
    $self->add ($_) for @$children;
 
    $self
 }
 
 sub add {
-   my ($self, $chld, $expand) = @_;
+   my ($self, $child) = @_;
+
+   $child->set_parent ($self);
 
-   $chld->{expand} = $expand;
-   $chld->set_parent ($self);
+   use sort 'stable';
 
    $self->{children} = [
       sort { $a->{z} <=> $b->{z} }
-         @{$self->{children}}, $chld
+         @{$self->{children}}, $child
    ];
 
-   $self->size_allocate ($self->{w}, $self->{h})
-      if $self->{w}; #TODO: check for "realised state"
+   $child->check_size;
 }
 
 sub remove {
-   my ($self, $widget) = @_;
+   my ($self, $child) = @_;
+
+   delete $child->{parent};
 
-   $self->{children} = [ grep $_ != $widget, @{ $self->{children} } ];
+   $self->{children} = [ grep $_ != $child, @{ $self->{children} } ];
 
-   $self->size_allocate ($self->{w}, $self->{h});
+   $self->check_size;
+   $self->update;
 }
 
 sub find_widget {
@@ -335,24 +490,24 @@
 
 #############################################################################
 
-package CFClient::Widget::Bin;
+package CFClient::UI::Bin;
 
-our @ISA = CFClient::Widget::Container::;
+our @ISA = CFClient::UI::Container::;
 
 sub new {
    my ($class, %arg) = @_;
 
-   my $child = (delete $arg{child}) || new CFClient::Widget::Empty::;
+   my $child = (delete $arg{child}) || new CFClient::UI::Empty::;
 
    $class->SUPER::new (children => [$child], %arg)
 }
 
 sub add {
-   my ($self, $widget) = @_;
+   my ($self, $child) = @_;
 
    $self->{children} = [];
    
-   $self->SUPER::add ($widget);
+   $self->SUPER::add ($child);
 }
 
 sub remove {
@@ -360,7 +515,7 @@
 
    $self->SUPER::remove ($widget);
 
-   $self->{children} = [new CFClient::Widget::Empty]
+   $self->{children} = [new CFClient::UI::Empty]
       unless @{$self->{children}};
 }
 
@@ -373,19 +528,16 @@
 sub size_allocate {
    my ($self, $w, $h) = @_;
 
-   return unless $self->{w} != $w || $self->{h} != $h;
-
-   $self->SUPER::size_allocate ($w, $h);
-   $self->{children}[0]->size_allocate ($w, $h);
+   $self->{children}[0]->configure (0, 0, $w, $h);
 }
 
 #############################################################################
 
-package CFClient::Widget::Window;
+package CFClient::UI::Window;
 
-our @ISA = CFClient::Widget::Bin::;
+our @ISA = CFClient::UI::Bin::;
 
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 sub new {
    my ($class, %arg) = @_;
@@ -404,21 +556,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, $w, $h) = @_;
 
-   return unless $self->{w} != $w || $self->{h} != $h;
-
-   $self->{w} = $w;
-   $self->{h} = $h;
-
-   $self->child->size_allocate ($w, $h);
+   $self->child->configure (0, 0, $w, $h);
 
    $self->render_chld;
 }
@@ -432,6 +580,7 @@
       or return;
 
    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;
 
@@ -443,233 +592,448 @@
 
 #############################################################################
 
-package CFClient::Widget::Frame;
+package CFClient::UI::ViewPort;
 
-our @ISA = CFClient::Widget::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}{qw(req_w req_h)};
+   $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 {
+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) = @_;
-   
-   return unless $self->{w} != $w || $self->{h} != $h;
+   $self->{req_w} = $w;
+   $self->{req_h} = $h;
+   $self->check_size;
+}
+
+sub size_request {
+   my ($self) = @_;
+   ($self->{req_w}, $self->{req_h})
+}
 
+sub size_allocate {
+   my ($self, $w, $h) = @_;
    $self->{w} = $w;
    $self->{h} = $h;
-
-   $self->child->size_allocate ($w - 4, $h - 4);
-   $self->child->move (2, 2);
+   $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;
-   glVertex 0      , 0;
-   glVertex 0      , $h + 4;
-   glVertex $w + 4 , $h + 4;
-   glVertex $w + 4 , 0;
-   glEnd;
+#   glBegin GL_QUADS;
+#   glColor 0, 0, 0, 0;
+#   glVertex 0 , 0;
+#   glVertex 0 , $h;
+#   glVertex $w, $h;
+#   glVertex $w, 0;
+#   glEnd;
 
-   $chld->draw;
+
+   $self->child->draw;
+   glDisable GL_BLEND;
+   glDisable GL_TEXTURE_2D;
 }
 
 #############################################################################
 
-package CFClient::Widget::FancyFrame;
+package CFClient::UI::FancyFrame;
 
-our @ISA = CFClient::Widget::Bin::;
+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,
+      can_events => 1,
+      @_
+   );
+
+   $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) = @_;
 
-   my ($w, $h) = $self->SUPER::size_request;
+   return ($self->{user_w}, $self->{user_h}) if $self->{user_w} && $self->{user_h};
 
-   $h += $tex[1]->{height};
-   $h += $tex[4]->{height};
-   $w += $tex[2]->{width};
-   $w += $tex[3]->{width};
+   my ($w, $h) = $self->SUPER::size_request;
 
-   ($w, $h)
+   (
+      $w + $self->border * 2,
+      $h + $self->border * 2,
+   )
 }
 
 sub size_allocate {
    my ($self, $w, $h) = @_;
 
-   return unless $self->{w} != $w || $self->{h} != $h;
+   $h -= List::Util::max 0, $self->border * 2;
+   $w -= List::Util::max 0, $self->border * 2;
 
-   $self->SUPER::size_allocate ($w, $h);
+   $self->{title}->configure ($self->border, $self->border - $::FONTSIZE * 2, $w, $::FONTSIZE * 2)
+      if $self->{title};
+
+   $self->child->configure ($self->border, $self->border, $w, $h);
+}
+
+sub button_down {
+   my ($self, $ev, $x, $y) = @_;
+
+   my $border = $self->border;
+
+   if ($x < $self->{w} && $x >= $self->{w} - $border
+       && $y < $self->{h} && $y >= $self->{h} - $border) {
 
-   $h -= $tex[1]->{height};
-   $h -= $tex[4]->{height};
-   $w -= $tex[2]->{width};
-   $w -= $tex[3]->{width};
+      my ($ox, $oy) = ($ev->{x}, $ev->{y});
+      my ($bw, $bh) = ($self->{w}, $self->{h});
 
-   $h = $h < 0 ? 0 : $h;
-   $w = $w < 0 ? 0 : $w;
+      $self->{motion} = sub {
+         my ($ev, $x, $y) = @_;
 
-   my $child = $self->child;
+         ($x, $y) = ($ev->{x}, $ev->{y});
 
-   $child->size_allocate ($w, $h);
-   $child->move ($tex[3]->{width}, $tex[1]->{height});
+         $self->{user_w} = $bw + $x - $ox;
+         $self->{user_h} = $bh + $y - $oy;
+         $self->check_size;
+      };
+
+   } elsif ($x >= 0 && $x < $self->{w}
+            && $y >= 0 && $y < $border) {
+
+      my ($ox, $oy) = ($ev->{x}, $ev->{y});
+      my ($bx, $by) = ($self->{x}, $self->{y});
+
+      $self->{motion} = sub {
+         my ($ev, $x, $y) = @_;
+
+         ($x, $y) = ($ev->{x}, $ev->{y});
+
+         $self->move ($bx + $x - $ox, $by + $y - $oy);
+         $self->update;
+      };
+   }
+}
+
+sub button_up {
+   my ($self, $ev, $x, $y) = @_;
+
+   delete $self->{motion};
+}
+
+sub mouse_motion {
+   my ($self, $ev, $x, $y) = @_;
+
+   $self->{motion}->($ev, $x, $y) if $self->{motion};
 }
 
 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;
-   glEnable GL_TEXTURE_2D;
    glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
-   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
-
-   my $top = $tex[1];
-   $top->draw_quad (0, 0, $w, $top->{height});
-
-   my $left = $tex[3];
-   $left->draw_quad (0, $top->{height}, $left->{width}, $ch);
+   glEnable GL_TEXTURE_2D;
+   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_MODULATE;
 
-   my $right = $tex[2];
-   $right->draw_quad ($w - $right->{width}, $top->{height}, $right->{width}, $ch);
+   my $border = $self->border;
 
-   my $bottom = $tex[4];
-   $bottom->draw_quad (0, $h - $bottom->{height}, $w, $bottom->{height});
+   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;
-   glTexParameter  GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT;
-   glTexParameter  GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT;
-
-   my $rep_x = $cw / $bg->{width};
-   my $rep_y = $ch / $bg->{height};
 
-   $bg->draw_quad ($left->{width}, $top->{height}, $cw, $ch);
+   # TODO: repeat texture not scale
+   my $rep_x = $cw / $bg->{w};
+   my $rep_y = $ch / $bg->{h};
+
+   glColor @{ $self->{bg} };
+
+   $bg->{s} = $rep_x;
+   $bg->{t} = $rep_y;
+   $bg->{wrap_mode} = 1;
+   $bg->draw_quad ($border, $border, $cw, $ch);
 
-   glDisable GL_BLEND;
    glDisable GL_TEXTURE_2D;
+   glDisable GL_BLEND;
 
+   $self->{title}->draw if $self->{title};
    $self->child->draw;
-
 }
 
 #############################################################################
 
-package CFClient::Widget::Table;
+package CFClient::UI::Table;
+
+our @ISA = CFClient::UI::Base::;
+
+use List::Util qw(max sum);
+
+use CFClient::OpenGL;
 
-our @ISA = CFClient::Widget::Bin::;
+sub new {
+   my $class = shift;
 
-use SDL::OpenGL;
+   $class->SUPER::new (
+      col_expand => [],
+      @_
+   )
+}
 
 sub add {
-   my ($self, $x, $y, $chld) = @_;
-   my $old_chld = $self->{children}[$y][$x];
+   my ($self, $x, $y, $child) = @_;
 
-   $self->{children}[$y][$x] = $chld;
-   $chld->set_parent ($self);
-   $self->update;
+   $child->set_parent ($self);
+   $self->{children}[$y][$x] = $child;
+
+   $child->check_size;
 }
 
-sub max_row_height {
-   my ($self, $row) = @_;
+# TODO: move to container class maybe? send childs a signal on removal?
+sub clear {
+   my ($self) = @_;
 
-   my $hs = 0;
-   for (my $xi = 0; $xi <= $#{$self->{children}->[$row] || []}; $xi++) {
-      my $c = $self->{children}->[$row]->[$xi];
-      if ($c) {
-         my ($w, $h) = $c->size_request;
-         if ($hs < $h) { $hs = $h }
-      }
-   }
-   return $hs;
+   delete $self->{children};
+   $self->update;
 }
 
-sub max_col_width {
-   my ($self, $col) = @_;
+sub get_wh {
+   my ($self) = @_;
+
+   my (@w, @h);
+
+   for my $y (0 .. $#{$self->{children}}) {
+      my $row = $self->{children}[$y]
+         or next;
 
-   my $ws = 0;
-   for (my $yi = 0; $yi <= $#{$self->{children} || []}; $yi++) {
-      my $c = ($self->{children}->[$yi] || [])->[$col];
-      if ($c) {
-         my ($w, $h) = $c->size_request;
-         if ($ws < $w) { $ws = $w }
+      for my $x (0 .. $#$row) {
+         my $widget = $row->[$x]
+            or next;
+         my ($w, $h) = @$widget{qw(req_w req_h)};
+
+         $w[$x] = max $w[$x], $w;
+         $h[$y] = max $h[$y], $h;
       }
    }
-   return $ws;
+
+   (\@w, \@h)
 }
 
 sub size_request {
    my ($self) = @_;
 
-   my ($hs, $ws) = (0, 0);
+   my ($ws, $hs) = $self->get_wh;
 
-   for (my $yi = 0; $yi <= $#{$self->{children}}; $yi++) {
-      $hs += $self->max_row_height ($yi);
-   }
+   (
+      (sum @$ws),
+      (sum @$hs),
+   )
+}
+
+sub size_allocate {
+   my ($self, $w, $h) = @_;
+
+   my ($ws, $hs) = $self->get_wh;
+
+   my $req_w = sum @$ws;
+   my $req_h = sum @$hs;
+
+   # TODO: nicer code && do row_expand
+   my @col_expand = @{$self->{col_expand}};
+   @col_expand = (1) x @$ws unless @col_expand;
+   my $col_expand = (sum @col_expand) || 1;
+
+   # linearly scale sizes
+   $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;
 
-   for (my $yi = 0; $yi <= $#{$self->{children}}; $yi++) {
-      my $wm = 0;
-      for (my $xi = 0; $xi <= $#{$self->{children}->[$yi]}; $xi++) {
-         $wm += $self->max_col_width ($xi)
+   my $y;
+
+   for my $r (0 .. $#{$self->{children}}) {
+      my $row = $self->{children}[$r]
+         or next;
+
+      my $x = 0;
+      my $row_h = $hs->[$r];
+      
+      for my $c (0 .. $#$row) {
+         my $col_w = $ws->[$c];
+
+         if (my $widget = $row->[$c]) {
+            $widget->configure ($x, $y, $col_w, $row_h);
+         }
+
+         $x += $col_w;
       }
-      if ($ws < $wm) { $ws = $wm }
+
+      $y += $row_h;
+   }
+
+}
+
+sub find_widget {
+   my ($self, $x, $y) = @_;
+
+   $x -= $self->{x};
+   $y -= $self->{y};
+
+   my $res;
+
+   for (grep $_, map @$_, grep $_, @{ $self->{children} }) {
+      $res = $_->find_widget ($x, $y)
+         and return $res;
    }
 
-   return ($ws, $hs);
+   $self->SUPER::find_widget ($x + $self->{x}, $y + $self->{y})
 }
 
 sub _draw {
    my ($self) = @_;
 
-   my $y = 0;
-   for (my $yi = 0; $yi <= $#{$self->{children}}; $yi++) {
-      my $x = 0;
+   for (grep $_, @{$self->{children}}) {
+      $_->draw for grep $_, @$_;
+   }
+}
 
-      for (my $xi = 0; $xi <= $#{$self->{children}->[$yi]}; $xi++) {
+#############################################################################
 
-         my $c = $self->{children}->[$yi]->[$xi];
-         if ($c) {
-            $c->move ($x, $y, 0); #TODO: Move to size_request
-            $c->draw if $c;
-         }
+package CFClient::UI::HBox;
+
+# TODO: wrap into common Box base class
+
+our @ISA = CFClient::UI::Container::;
+
+sub size_request {
+   my ($self) = @_;
 
-         $x += $self->max_col_width ($xi);
+   my @alloc = map [$_->size_request], @{$self->{children}};
+
+   (
+      (List::Util::sum map $_->[0], @alloc),
+      (List::Util::max map $_->[1], @alloc),
+   )
+}
+
+sub size_allocate {
+   my ($self, $w, $h) = @_;
+
+   ($h, $w) = ($w, $h);
+
+   my $children = $self->{children};
+
+   my @h = map $_->{req_w}, @$children;
+
+   my $req_h = List::Util::sum @h;
+
+   if ($req_h > $h) {
+      # ah well, not enough space
+      $_ *= $h / $req_h for @h;
+   } else {
+      my $exp = List::Util::sum map $_->{expand}, @$children;
+      $exp ||= 1;
+      
+      for (0 .. $#$children) {
+         my $child = $children->[$_];
+
+         my $alloc_h = $h[$_];
+         $alloc_h += ($h - $req_h) * $child->{expand} / $exp;
+         $h[$_] = $alloc_h;
       }
+   }
+
+   CFClient::UI::harmonize \@h;
+
+   my $y = 0;
+   for (0 .. $#$children) {
+      my $child = $children->[$_];
+      my $h = $h[$_];
+      $child->configure ($y, 0, $h, $w);
 
-      $y += $self->max_row_height ($yi);
+      $y += $h;
    }
+
+   1
 }
 
 #############################################################################
 
-package CFClient::Widget::VBox;
+package CFClient::UI::VBox;
 
-our @ISA = CFClient::Widget::Container::;
+# TODO: wrap into common Box base class
 
-use SDL::OpenGL;
+our @ISA = CFClient::UI::Container::;
 
 sub size_request {
    my ($self) = @_;
@@ -685,68 +1049,71 @@
 sub size_allocate {
    my ($self, $w, $h) = @_;
 
-   return unless $self->{w} != $w || $self->{h} != $h;
-
-   $self->{w} = $w;
-   $self->{h} = $h;
-
-   return unless $self->{h};
-
    my $children = $self->{children};
 
-   my @h = map +($_->size_request)[1], @$children;
+   my @h = map $_->{req_h}, @$children;
 
    my $req_h = List::Util::sum @h;
 
    if ($req_h > $h) {
       # ah well, not enough space
-      $_ = $h[$_] * $h / $req_h for @h;
+      $_ *= $h / $req_h for @h;
    } else {
-      my @exp = grep $_->{expand}, @$children;
-      @exp = @$children unless @exp;
+      my $exp = List::Util::sum map $_->{expand}, @$children;
+      $exp ||= 1;
       
-      my %exp = map +($_ => 1), @exp;
-
       for (0 .. $#$children) {
          my $child = $children->[$_];
 
-         my $alloc_h = $h[$_];
-         $alloc_h += ($h - $req_h) / @exp if $exp{$child};
-         $h[$_] = $alloc_h;
+         $h[$_] += ($h - $req_h) * $child->{expand} / $exp;
       }
    }
 
+   CFClient::UI::harmonize \@h;
+
    my $y = 0;
    for (0 .. $#$children) {
       my $child = $children->[$_];
       my $h = $h[$_];
-      $child->move (0, $y);
-      $child->size_allocate ($w, $h);
+      $child->configure (0, $y, $w, $h);
 
       $y += $h;
    }
+
+   1
 }
 
 #############################################################################
 
-package CFClient::Widget::Label;
+package CFClient::UI::Label;
 
-our @ISA = CFClient::Widget::;
+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   => "",
-      layout => new CFClient::Layout,
+      fg       => [1, 1, 1],
+      fontsize => 1,
+      text     => "",
+      align    => -1,
+      valign   => -1,
+      padding  => 2,
+      layout   => new CFClient::Layout,
+      can_events => 0,
       %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
 }
@@ -764,51 +1131,57 @@
 sub set_text {
    my ($self, $text) = @_;
 
-   $self->{text} = $text;
-   $self->{layout}->set_markup ($text);
+   $self->{layout}->set_text ($text);
 
    delete $self->{texture};
+   $self->check_size;
    $self->update;
 }
 
-sub get_text {
-   my ($self, $text) = @_;
+sub set_markup {
+   my ($self, $markup) = @_;
+
+   $self->{layout}->set_markup ($markup);
 
-   $self->{text}
+   delete $self->{texture};
+   $self->check_size;
+   $self->update;
 }
 
 sub size_request {
    my ($self) = @_;
 
    $self->{layout}->set_width;
-   $self->{layout}->set_height ($self->{height});
-   $self->{layout}->size
-#   if ($self->{texture}{width} > 1 && $self->{texture}{height} > 1) { #TODO: hack
-#      (
-#         $self->{texture}{width},
-#         $self->{texture}{height},
-#      )
-#   } else {
-#      my ($w, $h, $data) = CFClient::font_render "Yy", $self->{height};
-#   
-#      ($w, $h)
-#   }
+   $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,
+   )
 }
 
 sub size_allocate {
    my ($self, $w, $h) = @_;
 
-   return unless $self->{w} != $w || $self->{h} != $h;
-
-   $self->SUPER::size_allocate ($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 {
@@ -816,39 +1189,55 @@
 
    my $tex = $self->{texture} ||= do {
       $self->{layout}->set_width ($self->{w});
-      new_from_layout CFClient::Texture $self->{layout};
+      $self->{layout}->set_height (List::Util::min $self->{h}, $self->{fontsize} * $::FONTSIZE);
+      new_from_layout CFClient::Texture $self->{layout}
    };
 
    glEnable GL_BLEND;
-   glEnable GL_TEXTURE_2D;
    glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
-   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_MODULATE;
+   glEnable GL_TEXTURE_2D;
+   glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
 
    glColor @{$self->{fg}};
 
-   $tex->draw_quad (0, 0);
+   $self->{ox} = int (
+      $self->{align} < 0 ? $self->{padding}
+    : $self->{align} > 0 ? $self->{w} - $tex->{w} - $self->{padding}
+    :                      ($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
+   );
+
+   $tex->draw_quad ($self->{ox}, $self->{oy});
 
-   glDisable GL_BLEND;
    glDisable GL_TEXTURE_2D;
+   glDisable GL_BLEND;
 }
 
 #############################################################################
 
-package CFClient::Widget::Entry;
+package CFClient::UI::EntryBase;
 
-our @ISA = CFClient::Widget::Label::;
+our @ISA = CFClient::UI::Label::;
 
-use SDL;
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
 sub new {
    my $class = shift;
 
    $class->SUPER::new (
       fg        => [1, 1, 1],
-      bg        => [0, 0, 0, 0.4],
-      active_bg => [1, 1, 1],
+      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,
+      can_events => 1,
       @_
    )
 }
@@ -856,16 +1245,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_markup ($self->escape_text ($text));
 
-   $text = substr $text, 0, $self->{cursor};
-   utf8::encode $text;
+   $text =~ s/./*/g if $self->{hidden};
+   $self->{layout}->set_text ("$text ");
 
-   @$self{qw(cur_x cur_y cur_h)} = $self->{layout}->cursor_pos (length $text);
+   $self->emit (changed => $self->{text});
+}
+
+sub get_text {
+   $_[0]{text}
 }
 
 sub size_request {
@@ -879,11 +1275,7 @@
 sub size_allocate {
    my ($self, $w, $h) = @_;
 
-   return unless $self->{w} != $w || $self->{h} != $h;
-
-   $self->SUPER::size_allocate ($w, $h);
-
-   $self->_set_text ($self->{text});
+   $self->_set_text (delete $self->{text});#d# don't check for == inside _set_text
 }
 
 sub set_text {
@@ -897,21 +1289,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 == CFClient::SDLK_HOME) {
+      $self->{cursor} = 0;
+   } elsif ($sym == CFClient::SDLK_END) {
+      $self->{cursor} = length $text;
+   } elsif ($sym == 27) {
+      $self->emit ('escape');
    } elsif ($uni) {
       substr $text, $self->{cursor}++, 0, chr $uni;
    }
@@ -936,7 +1333,7 @@
    my $idx = $self->{layout}->xy_to_index ($x, $y);
 
    # byte-index to char-index
-   my $text = $self->{layout};
+   my $text = $self->{text};
    utf8::encode $text;
    $self->{cursor} = length substr $text, 0, $idx;
 
@@ -961,57 +1358,446 @@
       glColor @{$self->{bg}};
    }
 
+   glEnable GL_BLEND;
+   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
    glBegin GL_QUADS;
    glVertex 0         , 0;
    glVertex 0         , $self->{h};
    glVertex $self->{w}, $self->{h};
    glVertex $self->{w}, 0;
    glEnd;
+   glDisable GL_BLEND;
 
    $self->SUPER::_draw;
 
    #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::Widget::Slider;
+package CFClient::UI::Button;
 
-use strict;
+our @ISA = CFClient::UI::Label::;
+
+use CFClient::OpenGL;
+
+my @tex =
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_, mipmap => 1 }
+         qw(b1_button_active.png);
+
+sub new {
+   my $class = shift;
+
+   $class->SUPER::new (
+      padding   => 4,
+      fg        => [1, 1, 1],
+      bg        => [1, 1, 1, 0.2],
+      active_fg => [0, 0, 1],
+      can_hover => 1,
+      align     => 0,
+      valign    => 0,
+      can_events => 1,
+      @_
+   )
+}
+
+sub button_up {
+   my ($self, $ev, $x, $y) = @_;
+
+   if ($x >= 0 && $x < $self->{w}
+       && $y >= 0 && $y < $self->{h}) {
+      $self->emit ("activate");
+   }
+}
+
+sub _draw {
+   my ($self) = @_;
+
+   local $self->{fg} = $self->{fg};
+
+   if ($GRAB == $self) {
+      $self->{fg} = $self->{active_fg};
+   }
+
+   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[0]->draw_quad (0, 0, $self->{w}, $self->{h});
+
+   glDisable GL_TEXTURE_2D;
+   glDisable GL_BLEND;
+
+   $self->SUPER::_draw;
+}
+
+#############################################################################
+
+package CFClient::UI::CheckBox;
+
+our @ISA = CFClient::UI::DrawBG::;
 
-use SDL::OpenGL;
-use SDL::OpenGL::Constants;
+my @tex =
+      map { new_from_file CFClient::Texture CFClient::find_rcfile $_, mipmap => 1 }
+         qw(c1_checkbox_bg.png c1_checkbox_active.png);
 
-our @ISA = CFClient::Widget::DrawBG::;
+use CFClient::OpenGL;
+
+sub new {
+   my $class = shift;
+
+   $class->SUPER::new (
+      padding   => 2,
+      fg        => [1, 1, 1],
+      active_fg => [1, 1, 0],
+      state     => 0,
+      can_hover => 1,
+      @_
+   )
+}
 
 sub size_request {
    my ($self) = @_;
 
-   my $w = 20;
-   my $h = 10;
+   ($self->{padding} * 2 + 6) x 2
+}
 
-   $self->{vertical} ? ($h, $w) : ($w, $h)
+sub button_down {
+   my ($self, $ev, $x, $y) = @_;
+
+   if ($x >= $self->{padding} && $x < $self->{w} - $self->{padding}
+       && $y >= $self->{padding} && $y < $self->{h} - $self->{padding}) {
+      $self->{state} = !$self->{state};
+      $self->emit (changed => $self->{state});
+   }
 }
 
+sub _draw {
+   my ($self) = @_;
+
+   $self->SUPER::_draw;
+
+   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} };
+
+   glEnable GL_BLEND;
+   glEnable GL_TEXTURE_2D;
+   glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
+
+   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 (can_events => 0, @_);
+
+   $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) = @_;
+
+   my $self = $class->SUPER::new (
+      tooltip => $arg{type},
+      %arg,
+   );
+
+   $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);
+}
+
+#############################################################################
+
+package CFClient::UI::Slider;
+
+use strict;
+
+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]
 
-   $class->SUPER::new (
+   # 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     => 20,
+      req_h     => 20,
       vertical  => 0,
+      can_hover => 1,
+      inner_pad => 5,
       @_
-   )
+   );
+
+   $self
+}
+
+sub size_request {
+   my ($self) = @_;
+
+   my $w = $self->{req_w};
+   my $h = $self->{req_h};
+
+   $self->{vertical} ? ($h, $w) : ($w, $h)
 }
 
 sub button_down {
@@ -1027,30 +1813,42 @@
    if ($GRAB == $self) {
       my ($value, $lo, $hi, $page) = @{$self->{range}};
 
-      $x = $x * ($hi - $lo) / $self->{w} + $lo;
+      my ($x, $w) = $self->{vertical} ? ($y, $self->{h}) : ($x, $self->{w});
+
+      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;
 
-      $self->{changed}($x) if $self->{changed};
+      $self->emit (changed => $x);
       $self->update;
    }
 }
 
+# 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) = @_;
 
    $self->SUPER::_draw ();
 
-   glPushMatrix;
-
    my ($w, $h) = @$self{qw(w h)};
 
    if ($self->{vertical}) {
       # draw a vertical slider like a rotated horizontal slider
  
-      glTranslate 0, $self->{w};
       glRotate 90, 0, 0, 1;
+      glTranslate 0, -$self->{w}, 0;
 
       ($w, $h) = ($h, $w);
    }
@@ -1060,236 +1858,202 @@
 
    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);
+
+   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 $knob_a = $value - $page * 0.5;
-   my $knob_b = $value + $page * 0.5;
+   # draw background
+   $tex[1]->draw_quad (0, 0, $w, $h);
 
-   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 handle
+   $tex[0]->draw_quad ($knob_a, 0, $knob_b - $knob_a, $h);
 
-   glPopMatrix;
+   glDisable GL_BLEND;
+   glDisable GL_TEXTURE_2D;
 }
 
 #############################################################################
 
-package CFClient::Widget::MapWidget;
-
-use strict;
-
-use List::Util qw(min max);
+package CFClient::UI::TextView;
 
-use SDL;
-use SDL::OpenGL;
-use SDL::OpenGL::Constants;
+our @ISA = CFClient::UI::HBox::;
 
-our @ISA = CFClient::Widget::;
+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 + int $::WIDTH  / 32,
-      1 + 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->{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;
-      glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE;
+   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 = $tex->{width};
-               my $h = $tex->{height};
+   $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;
-#   }
+      $self->{texture} ||= new_from_opengl CFClient::Texture $self->{w}, $self->{h}, sub {
+         glClearColor 0, 0, 0, 1;
+         glClear GL_COLOR_BUFFER_BIT;
 
-      glBlendFunc GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA;
-      glTexEnv GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_MODULATE;
+         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;
 
-      $darkness = new CFClient::Texture
-         width          => $sw4,
-         height         => $sh,
-         data           => $darkness,
-         internalformat => GL_ALPHA,
-         format         => GL_ALPHA;
+         my $top = int $self->{children}[1]{range}[0];
 
-      glColor 0.45, 0.45, 0.45, 1;
-      $darkness->draw_quad (0, 0, $sw4 * 32, $sh * 32);
+         my $y0 = $top;
+         my $y1 = $top + $self->{h};
 
-      glDisable GL_TEXTURE_2D;
-      glDisable GL_BLEND;
+         my $y = 0;
 
-      glEndList;
-   }
+         my $layout = $self->{layout};
 
-   glCallList $self->{list};
-}
+         for my $par (@{$self->{par}}) {
+            my $h = $par->[0];
 
-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"],
-);
+            if ($y0 < $y + $h && $y < $y1) {
+               $layout->set_text ($par->[2]);
 
-sub key_down {
-   my ($self, $ev) = @_;
+               glColor @{ $par->[1] };
+               my ($W, $H) = $layout->size;
+               CFClient::Texture->new_from_layout ($layout)->draw_quad (0, $y - $y0);
+            }
 
-   my $mod = $ev->key_mod;
-   my $sym = $ev->key_sym;
+            $y += $h;
+         }
 
-   if ($sym == SDLK_KP5) {
-      $::CONN->send ("command stay fire");
-   } 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]");
-      }
-   }
+         glDisable GL_TEXTURE_2D;
+         glDisable GL_BLEND;
+      };
+   });
 }
 
-sub key_up {
-   my ($self, $ev) = @_;
-
-   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::Widget::Animator;
+package CFClient::UI::Animator;
 
-use SDL::OpenGL;
+use CFClient::OpenGL;
 
-our @ISA = CFClient::Widget::Bin::;
+our @ISA = CFClient::UI::Bin::;
 
 sub moveto {
    my ($self, $x, $y) = @_;
@@ -1327,24 +2091,77 @@
 
 #############################################################################
 
-package CFClient::Widget::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,
+      can_events => 1,
+      @_
+   );
+
+   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::Widget::Container::;
+our @ISA = CFClient::UI::Container::;
+
+use CFClient::OpenGL;
+
+sub check_size {
+   my ($self) = @_;
+
+   $self->configure (0, 0, $::WIDTH, $::HEIGHT);
+}
 
 sub size_request {
    ($::WIDTH, $::HEIGHT)
 }
 
-sub size_allocate {
-   my ($self, $w, $h) = @_;
+sub configure {
+   my ($self, $x, $y, $w, $h) = @_;
 
-   $self->SUPER::size_allocate ($w, $h);
+   $self->SUPER::configure ($x, $y, $w, $h);
+
+   for my $child (@{$self->{children}}) {
+      my ($X, $Y, $W, $H) = @$child{qw(x y req_w req_h)};
 
-   $_->size_allocate ($_->size_request)
-      for @{$self->{children}};
+      $X = List::Util::max 0, List::Util::min $w - $W, $X;
+      $Y = List::Util::max 0, List::Util::min $h - $H, $Y;
+      $child->configure ($X, $Y, $W,$H);
+   }
 }
 
-sub translate {
+sub _topleft {
    my ($self, $x, $y) = @_;
 
    ($x, $y)
@@ -1353,29 +2170,52 @@
 sub update {
    my ($self) = @_;
 
-   $self->size_allocate ($self->size_request);
+   $self->check_size;
    ::refresh ();
 }
 
 sub add {
-   my ($self, $widget) = @_;
+   my ($self, $child) = @_;
 
-   $self->SUPER::add ($widget);
+   # integerize window positions
+   $child->{x} = int $child->{x};
+   $child->{y} = int $child->{y};
 
-   $widget->size_allocate ($widget->size_request);
+   $self->SUPER::add ($child);
+}
+
+sub on_refresh {
+   my ($self, $id, $cb) = @_;
+
+   $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;
 }
 
 #############################################################################
 
-package CFClient::Widget;
+package CFClient::UI;
 
-$TOPLEVEL = new CFClient::Widget::Toplevel;
+$ROOT = new CFClient::UI::Root;
+$TOOLTIP = new CFClient::UI::Label fontsize => 0.8, can_events => 0;
 
 1