FP = function() {

  var $D = YAHOO.util.Dom;
  var $E = YAHOO.util.Event;
  var $A = YAHOO.util.Anim;
  var $M = YAHOO.util.Motion;
  var $ = $D.get;
  


  return {
    
    show: function() {
      $E.onAvailable('images', function(){
        $D.setStyle(this, 'display', 'block');
        $D.setStyle('controls', 'display', 'block');
        
        })
    },

    init: function() {

      $E.onAvailable('images', function() {
        $D.setStyle(this, 'display', 'none');
        var images = $D.getChildren('images');
        $D.setStyle(images, 'display', 'none');
        $D.setStyle(images[0], 'display', 'block');
        $E.onAvailable('controls', function() {
          $E.on(this, 'click', function(e) {
            var el = $E.getTarget(e);
            var images = $D.getChildren('images');
            var pos = 0
            for (var i = 0; i < images.length; i++) {
              if($D.getStyle(images[i], 'display') == 'block') {
                pos = i;
                break;
              } 
            }
            if($D.hasClass(el, 'next')) {
              if(images[pos+1]) {
                $D.setStyle(images[pos], 'display', 'none');
                $D.setStyle(images[pos+1], 'display', 'block');
              }
            } else {
              if(images[pos-1]) {
                $D.setStyle(images[pos], 'display', 'none');
                $D.setStyle(images[pos-1], 'display', 'block');
              }
            }
          })
        });
      });

    }
  };

}();

YAHOO.util.Event.on(window, 'load', FP.show);
YAHOO.util.Event.onDOMReady(FP.init);