/* Plan 2d Allé */
YAHOO.example.init = function() {   
  var attributes = {
    points: {
      to: YAHOO.util.Dom.getXY('target_2d')
    },
    height: {to: 211}
  };
 
 var aller = new YAHOO.util.Motion('plan_2d', attributes, 0, YAHOO.util.Easing.easeOut);
 YAHOO.util.Event.on(document.getElementById('masque_plan_2d'), 'mouseover', aller.animate, aller, true);
};

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

/* Agrandissement masque plan 2D */
YAHOO.example.init = function() {   
  var attributes_masque = {
    points: {
      to: YAHOO.util.Dom.getXY('target_2d')
    },
    height: {to: 211}
  };
 
 var aller_masque = new YAHOO.util.Motion('masque_plan_2d', attributes_masque, 0, YAHOO.util.Easing.easeOut);
 YAHOO.util.Event.on(document.getElementById('masque_plan_2d'), 'mouseover', aller_masque.animate, aller_masque, true);
};

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


/* Plan 2d retour */
YAHOO.example.init = function() {   
  var attributes_retour = {
    points: {
      to: YAHOO.util.Dom.getXY('target_2d_retour')
    },
    height: {to: 79}
  };
 
 var retour = new YAHOO.util.Motion('plan_2d', attributes_retour, 1, YAHOO.util.Easing.easeOut);
 YAHOO.util.Event.on(document.getElementById('masque_plan_2d'), 'mouseout', retour.animate, retour, true);
};

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

/* Réduction masque plan 2d */
YAHOO.example.init = function() {   
  var attributes_retour = {
    points: {
      to: YAHOO.util.Dom.getXY('target_2d_retour')
    },
    height: {to: 79}
  };
 
 var retour = new YAHOO.util.Motion('masque_plan_2d', attributes_retour, 1, YAHOO.util.Easing.easeOut);
 YAHOO.util.Event.on(document.getElementById('masque_plan_2d'), 'mouseout', retour.animate, retour, true);
};

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








/* Plan 3d Allé */
YAHOO.example.init = function() {   
  var attributes = {
    points: {
      to: YAHOO.util.Dom.getXY('target_3d')
    },
    height: {to: 211}
  };
 
 var aller = new YAHOO.util.Motion('plan_3d', attributes, 0, YAHOO.util.Easing.easeOut);
 YAHOO.util.Event.on(document.getElementById('masque_plan_3d'), 'mouseover', aller.animate, aller, true);
};

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

/* Agrandissement masque plan 3D */
YAHOO.example.init = function() {   
  var attributes_masque = {
    points: {
      to: YAHOO.util.Dom.getXY('target_3d')
    },
    height: {to: 211}
  };
 
 var aller_masque = new YAHOO.util.Motion('masque_plan_3d', attributes_masque, 0, YAHOO.util.Easing.easeOut);
 YAHOO.util.Event.on(document.getElementById('masque_plan_3d'), 'mouseover', aller_masque.animate, aller_masque, true);
};

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


/* Plan 3d retour */
YAHOO.example.init = function() {   
  var attributes_retour = {
    points: {
      to: YAHOO.util.Dom.getXY('target_3d_retour')
    },
    height: {to: 79}
  };
 
 var retour = new YAHOO.util.Motion('plan_3d', attributes_retour, 1, YAHOO.util.Easing.easeOut);
 YAHOO.util.Event.on(document.getElementById('masque_plan_3d'), 'mouseout', retour.animate, retour, true);
};

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

/* Réduction masque plan 3d */
YAHOO.example.init = function() {   
  var attributes_retour = {
    points: {
      to: YAHOO.util.Dom.getXY('target_3d_retour')
    },
    height: {to: 79}
  };
 
 var retour = new YAHOO.util.Motion('masque_plan_3d', attributes_retour, 1, YAHOO.util.Easing.easeOut);
 YAHOO.util.Event.on(document.getElementById('masque_plan_3d'), 'mouseout', retour.animate, retour, true);
};

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