static Xcls_ClutterFiles  _ClutterFiles;

public class Xcls_ClutterFiles : Object 
{
    public Clutter.ScrollActor el;
    private Xcls_ClutterFiles  _this;

    public static Xcls_ClutterFiles singleton()
    {
        if (_ClutterFiles == null) {
            _ClutterFiles= new Xcls_ClutterFiles();
        }
        return _ClutterFiles;
    }
    public Xcls_filelayout filelayout;
    public Xcls_filelayout_manager filelayout_manager;

        // my vars (def)
    public Gee.ArrayList<Xcls_fileitem> fileitems;
    public Gdk.Pixbuf missing_thumb_pixbuf;
    public signal void open (JsRender.JsRender file);

    // ctor 
    public Xcls_ClutterFiles()
    {
        _this = this;
        this.el = new Clutter.ScrollActor();

        // my vars (dec)
        this.missing_thumb_pixbuf = null;

        // set gobject values
        this.el.scroll_mode = Clutter.ScrollMode.VERTICALLY;
        this.el.reactive = true;
        var child_0 = new Xcls_filelayout( _this );
        child_0.ref();
        this.el.add_child (  child_0.el  );

        // init method 

        this.fileitems = new Gee.ArrayList<Xcls_fileitem>();
        // listeners 
        this.el.scroll_event.connect( ( event) => {
           //Sprint("scroll event");
                    var y = this.filelayout.el.y;
                    var dir = event.direction;
                    switch (dir) {
                        case Clutter.ScrollDirection.UP:
                            y += event.y /2;
                            break;
                        case Clutter.ScrollDirection.DOWN:
                            y -= event.y /2 ;
                            break;
                        default:
                            return false;
                    }
                    // range of scroll -- can go up -- eg.. -ve value.
                    
                    y = float.min(0, y);
                    
                    // to work out the max -ve number
                    // height of filelayout
                    // height of scrollactor..
                    
                    var last_child_bottom = this.filelayout.el.last_child.y +  this.filelayout.el.last_child.height;
                     if ( (-1 * (y+200)) > (  last_child_bottom - this.el.height)) {
                        return  false;
                    }
                
                
                    
                    
                //    print("\nlast child - this height = %f  ==== new y %f\n ".printf( 
                  //          last_child_bottom - this.el.height,
                   //         y));    
                   // y = float.min(0, y);    //??
                   // print("scroll event of %f  - new y = %f ".printf(event.y, y));
                    this.filelayout.el.y = y;
                    return true;
                  
        });
    }

    // user defined functions 
    public  void clearFiles () {
        
        this.filelayout.el.remove_all_children();
        // we need to unref all the chidren that we loaded though...
        
    }
    public  void loadProject (Project.Project pr) {
        // list all the files, and create new Xcls_fileitem for each one.
        
        // LEAK --- we should unref all the chilren...
        this.filelayout.el.y = 0;
        this.clearFiles();
        
        print("clutter files - load project: " + pr.name +"\n");
        // should unref.. them hopefully.
        this.fileitems = new Gee.ArrayList<Xcls_fileitem>();
    
        
    
        var fiter = pr.sortedFiles().list_iterator();
        while (fiter.next()) {
            var a = new Xcls_fileitem(this,fiter.get());
            this.fileitems.add(a);
    
    //        a.ref();
            print("add to clutter file view: " + fiter.get().name + "\n");
            this.filelayout.el.add_child(a.el);
        }
        
       
        
        this.el.show_all();
    }
    public  void set_size (float w, float h) 
    {
         if (this.el == null) {
            print("object not ready yet?");
            return;
        }
       _this.filelayout_manager.el.max_column_width = w - 150;
       this.el.set_size(this.el.get_stage().width-150,
                            this.el.get_stage().height);
                this.el.set_position(100,50);
    }
    public class Xcls_filelayout : Object 
    {
        public Clutter.Actor el;
        private Xcls_ClutterFiles  _this;


            // my vars (def)

        // ctor 
        public Xcls_filelayout(Xcls_ClutterFiles _owner )
        {
            _this = _owner;
            _this.filelayout = this;
            this.el = new Clutter.Actor();

            // my vars (dec)

            // set gobject values
            this.el.reactive = true;
            var child_0 = new Xcls_filelayout_manager( _this );
            child_0.ref();
            this.el.layout_manager = child_0.el;

            // init method 

            this.el.add_constraint(
                new Clutter.BindConstraint(_this.el,Clutter.BindCoordinate.SIZE, 0.0f)
            );        }

        // user defined functions 
    }
    public class Xcls_filelayout_manager : Object 
    {
        public Clutter.FlowLayout el;
        private Xcls_ClutterFiles  _this;


            // my vars (def)

        // ctor 
        public Xcls_filelayout_manager(Xcls_ClutterFiles _owner )
        {
            _this = _owner;
            _this.filelayout_manager = this;
            this.el = new Clutter.FlowLayout( Clutter.FlowOrientation.HORIZONTAL );

            // my vars (dec)

            // set gobject values
            this.el.homogeneous = true;
            this.el.row_spacing = 20f;
            this.el.column_spacing = 20f;
        }

        // user defined functions 
    }
    public class Xcls_fileitem : Object 
    {
        public Clutter.Actor el;
        private Xcls_ClutterFiles  _this;


            // my vars (def)
        public JsRender.JsRender file;
        public Xcls_image image;
        public Xcls_typetitle typetitle;
        public Xcls_title title;

        // ctor 
        public Xcls_fileitem(Xcls_ClutterFiles _owner , JsRender.JsRender file)
        {
            _this = _owner;
            this.el = new Clutter.Actor();

            // my vars (dec)

            // set gobject values
            this.el.reactive = true;
            var child_0 = new Xcls_BoxLayout5( _this );
            child_0.ref();
            this.el.layout_manager = child_0.el;
            var child_1 = new Xcls_image( _this ,file);
            child_1.ref();
            this.el.add_child (  child_1.el  );
            this.image =  child_1;
            var child_2 = new Xcls_typetitle( _this ,file);
            child_2.ref();
            this.el.add_child (  child_2.el  );
            this.typetitle =  child_2;
            var child_3 = new Xcls_title( _this ,file);
            child_3.ref();
            this.el.add_child (  child_3.el  );
            this.title =  child_3;

            // init method 

            this.file = file;
            this.el.set_size(100,100);
            // listeners 
            this.el.button_press_event.connect( (  event) => {
                _this.open(this.file);
                return false;
            });
            this.el.enter_event.connect( (  event)  => {
                this.el.background_color = new Clutter.Color.from_string("#333");
                    return false;
            });
            this.el.leave_event.connect( (  event)  => {
                this.el.background_color = new Clutter.Color.from_string("#000");
                return false;
            });
        }

        // user defined functions 
    }
    public class Xcls_BoxLayout5 : Object 
    {
        public Clutter.BoxLayout el;
        private Xcls_ClutterFiles  _this;


            // my vars (def)

        // ctor 
        public Xcls_BoxLayout5(Xcls_ClutterFiles _owner )
        {
            _this = _owner;
            this.el = new Clutter.BoxLayout();

            // my vars (dec)

            // set gobject values
            this.el.spacing = 4;
            this.el.orientation = Clutter.Orientation.VERTICAL;
        }

        // user defined functions 
    }
    public class Xcls_image : Object 
    {
        public Clutter.Actor el;
        private Xcls_ClutterFiles  _this;


            // my vars (def)

        // ctor 
        public Xcls_image(Xcls_ClutterFiles _owner , JsRender.JsRender file)
        {
            _this = _owner;
            this.el = new Clutter.Actor();

            // my vars (dec)

            // set gobject values
            this.el.margin_right = 5f;
            this.el.margin_left = 5f;
            this.el.x_align = Clutter.ActorAlign.START;
            this.el.x_expand = true;
            this.el.y_align = Clutter.ActorAlign.START;
            this.el.margin_top = 5f;
            this.el.y_expand = true;

            // init method 

            {
                Gdk.Pixbuf pixbuf;
                var fname = file.getIconFileName(false);
            
                if (FileUtils.test(fname, FileTest.EXISTS)) {
                    pixbuf = new Gdk.Pixbuf.from_file(fname);
                } else {
                    if (_this.missing_thumb_pixbuf == null) {
                            var     icon_theme = Gtk.IconTheme.get_default ();
                            _this.missing_thumb_pixbuf = icon_theme.load_icon ("package-x-generic", 92, 0);
                            _this.missing_thumb_pixbuf.ref();
                        }
                        pixbuf = _this.missing_thumb_pixbuf;
            
                }
            
                var img = new Clutter.Image();
                img.set_data(pixbuf.get_pixels(),   
                                    pixbuf.has_alpha 
                                      ? Cogl.PixelFormat.RGBA_8888
                                      : Cogl.PixelFormat.RGB_888,
                                    pixbuf.get_width (),
                        pixbuf.get_height (),
                                    pixbuf.get_rowstride ()
                );
                this.el.set_content(img);
                 // should probably do smarter scaling...
                
                
                this.el.set_size(90, 70);
            }        }

        // user defined functions 
    }
    public class Xcls_typetitle : Object 
    {
        public Clutter.Text el;
        private Xcls_ClutterFiles  _this;


            // my vars (def)

        // ctor 
        public Xcls_typetitle(Xcls_ClutterFiles _owner , JsRender.JsRender file)
        {
            _this = _owner;
            this.el = new Clutter.Text.full("Sans 10px", file.nickType(),new Clutter.Color.from_string("#fff"));

            // my vars (dec)

            // set gobject values
            this.el.y_align = Clutter.ActorAlign.START;
            this.el.x_align = Clutter.ActorAlign.START;
            this.el.x_expand = true;
            this.el.y_expand = true;
        }

        // user defined functions 
    }
    public class Xcls_title : Object 
    {
        public Clutter.Text el;
        private Xcls_ClutterFiles  _this;


            // my vars (def)

        // ctor 
        public Xcls_title(Xcls_ClutterFiles _owner , JsRender.JsRender file)
        {
            _this = _owner;
            this.el = new Clutter.Text.full("Sans 10px", file.nickName(),new Clutter.Color.from_string("#fff"));

            // my vars (dec)

            // set gobject values
            this.el.y_align = Clutter.ActorAlign.START;
            this.el.x_align = Clutter.ActorAlign.START;
            this.el.x_expand = true;
            this.el.y_expand = true;
        }

        // user defined functions 
    }
}