Effect.BlindRightOut = function(element) {
  return new Effect.Parallel([
    Effect.BlindUp(element, Object.extend({ scaleX: true, scaleY: false, sync: true }, arguments[1] || {})),
    new Effect.Move(element, { sync: true, x: $(element).getWidth(), y: 0 })
  ]);
};

Effect.BlindRight = function(element) {
  return new Effect.Parallel([
    new Effect.Scale(element, 100, { scaleX: true, scaleY: false, sync: true, scaleFrom: 0, scaleTo: 100,   afterSetup: function(effect) {
          effect.element.makeClipping().setStyle({width: '0px'}).show(); 
        } }),
    new Effect.Move(element, { sync: true, to: 0.0, from: 1.0, x: $(element).getWidth(), y: 0 })
  ], Object.extend(arguments[1] || {}, {}));
};





Effect.BlindLeft = function(element) {
  return Effect.BlindUp(element, Object.extend({
    scaleX: true, scaleY: false, scaleFrom: 0, scaleTo: 100,
    afterFinishInternal: function(effect) {
        effect.element.undoClipping();
    }
  }, arguments[1] || {}));
};

Effect.BlindLeftOut = function(element) {
  return Effect.BlindUp(element, Object.extend({
    scaleX: true, scaleY: false, scaleFrom: 100, scaleTo: 0,
    afterFinishInternal: function(effect) {
        effect.element.hide().undoClipping();
    }
  }, arguments[1] || {}));
};



var closeImage = function() {
   new Effect.BlindLeftOut('leadImgContent', {
           afterFinish: function(effect) {
               Event.stopObserving("leadImgContent", "mouseout");
               effect.element.makeClipping();
               effect.element.style.width = "1px"; 
               effect.element.style.display = ""; 
               Event.observe("leadImgContent", "mouseover", window["openImage"]);
           }
       });
};

var openImage = function() {
    Event.stopObserving("leadImgContent", "mouseover");
    new Effect.BlindLeft("leadImgContent", { 
        beforeSetup: function(effect) {
            effect.element.style.width = '588px';
        }, 
        afterFinish: function(effect) {
            Event.observe("leadImgContent", "mouseout", window["closeImage"]);
        }
    });
};


var wireUpHomepageImage = function() {
    Event.observe(window, 'load', function() { new Effect.BlindLeft("leadImgHomeContent"); });
};

var wireUpInternalPageImage = function() {
    Event.observe(window, 'load', function() { closeImage() });
};