/* Apparition image 1 */
YAHOO.example.init = function() {   
  var attributes = {
    width: { by: 520 }, 
    height: { by: 320 },
    opacity: { to: 1 }
  };

var anim = new YAHOO.util.Anim('photo_grande1', attributes, 1.1, YAHOO.util.Easing.backOut);
YAHOO.util.Event.on(document.getElementById('img_technologie1'), 'click', anim.animate, anim, true);
};

YAHOO.util.Event.onAvailable('photo_grande1', YAHOO.example.init);


/* Disparition image 1 */
YAHOO.example.init = function() {   
  var attributes = {
    width: { to: 0 }, 
    height: { to: 0 },
    opacity: { to: 0.1 }
  };

var anim = new YAHOO.util.Anim('photo_grande1', attributes, 1.3, YAHOO.util.Easing.backOut);
YAHOO.util.Event.on(document.getElementById('photo_grande1'), 'click', anim.animate, anim, true);
};

YAHOO.util.Event.onAvailable('photo_grande1', YAHOO.example.init);


/* Apparition image 2 */
YAHOO.example.init = function() {   
  var attributes = {
    width: { by: 520 }, 
    height: { by: 320 },
    opacity: { to: 1 }
  };

var anim = new YAHOO.util.Anim('photo_grande2', attributes, 1.1, YAHOO.util.Easing.backOut);
YAHOO.util.Event.on(document.getElementById('img_technologie2'), 'click', anim.animate, anim, true);
};

YAHOO.util.Event.onAvailable('photo_grande2', YAHOO.example.init);


/* Disparition image 2 */
YAHOO.example.init = function() {   
  var attributes = {
    width: { to: 0 }, 
    height: { to: 0 },
    opacity: { to: 0.1 }
  };

var anim = new YAHOO.util.Anim('photo_grande2', attributes, 1.3, YAHOO.util.Easing.backOut);
YAHOO.util.Event.on(document.getElementById('photo_grande2'), 'click', anim.animate, anim, true);
};

YAHOO.util.Event.onAvailable('photo_grande2', YAHOO.example.init);