/*
* Window onload event
*/
Event.observe(window, 'load', function () {
  View.start();
  View.div.each(function (node){
    Effect.Appear(node, {'to':'0.88'});
  });
});

var View = {
  b : true,

  start : function () {
    this.div = [$('rightcol')];
    this.setCloseEvent();
    this.setOpenEvent();
  },

  setCloseEvent : function () {
    var button = $('close');
    var view = View.div;

    button.setStyle({'cursor':'pointer'});
    button.observe('click', function () {
      view.each( function (node) {
        node.fade();
        node.writeAttribute({'style':''});
      })
    });
  },

  setOpenEvent : function () {
    var elements = $$('.selected');
    elements.push($('dog'));

    elements.each(function (el) {
      el.observe('click', function () {
        var view = View.div;
        if (view[0].readAttribute('style')) {
          view.each( function (node) {
            Effect.Appear(node, {'to':'0.80'});
          })
        }
      });
    });
  }
};