// Esta función pertenece al pack SCRIPTACULOUS (dentro del cual
//  aparece como Effect.Appear en el fichero effects.js), pero ha sido
//  modificada para poder variar la visibilidad de la capa que se muestra.
// Los valores de visibilidad van desde 0.0 hasta 1.0
Effect.AppearTransparente = function(element,visibilidad) {
	var visibilidad = visibilidad || 1.0;
	if (visibilidad > 1.0) visibilidad = 1.0;
	if (visibilidad < 0.0) visibilidad = 0.0;
  element = $(element);
  var options = Object.extend({
  from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
  to:   visibilidad,
  // force Safari to render floated elements properly
  afterFinishInternal: function(effect) {
    effect.element.forceRerendering();
  },
  beforeSetup: function(effect) {
    effect.element.setOpacity(effect.options.from);
    effect.element.show(); 
  }}, arguments[1] || {});
  return new Effect.Opacity(element,options);
}

// Esta función pertenece al pack SCRIPTACULOUS (dentro del cual
//  aparece como Effect.Shrink en el fichero effects.js), pero ha sido
//  modificada para poder variar la visibilidad de la capa que se muestra.
// Los valores de visibilidad van desde 0.0 hasta 1.0
Effect.ShrinkTransparente = function (element, visibilidad) {
	var visibilidad = visibilidad || 1.0;
	if (visibilidad > 1.0) visibilidad = 1.0;
	if (visibilidad < 0.0) visibilidad = 0.0;
  element = $(element);
  var options = Object.extend({
    direction: 'center',
    moveTransition: Effect.Transitions.sinoidal,
    scaleTransition: Effect.Transitions.sinoidal,
    opacityTransition: Effect.Transitions.none
  }, arguments[1] || {});
  var oldStyle = {
    top: element.style.top,
    left: element.style.left,
    height: element.style.height,
    width: element.style.width,
    opacity: element.getInlineOpacity() };

  var dims = element.getDimensions();
  var moveX, moveY;
  
  switch (options.direction) {
    case 'top-left':
      moveX = moveY = 0;
      break;
    case 'top-right':
      moveX = dims.width;
      moveY = 0;
      break;
    case 'bottom-left':
      moveX = 0;
      moveY = dims.height;
      break;
    case 'bottom-right':
      moveX = dims.width;
      moveY = dims.height;
      break;
    case 'center':  
      moveX = dims.width / 2;
      moveY = dims.height / 2;
      break;
  }
  
  return new Effect.Parallel(
    [ new Effect.Opacity(element, { sync: true, to: 0.0, from: visibilidad, transition: options.opacityTransition }),
      new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}),
      new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition })
    ], Object.extend({            
         beforeStartInternal: function(effect) {
           effect.effects[0].element.makePositioned();
           effect.effects[0].element.makeClipping(); },
         afterFinishInternal: function(effect) {
           effect.effects[0].element.hide();
           effect.effects[0].element.undoClipping();
           effect.effects[0].element.undoPositioned();
           effect.effects[0].element.setStyle(oldStyle); }
       }, options)
  );
}

function sdcHide (){
	//$('formulario').innerHTML = '';
	//$('formulario').style.display = "none";
	$('contacto2').style.display = "none";
	Effect.ShrinkTransparente('contacto',0.8);
}

function sdcShow() {
	Effect.AppearTransparente('contacto',0.8);
	//setTimeout("document.getElementById('formulario').style.display = 'block';",1000);
	setTimeout("document.getElementById('contacto2').style.display = 'block';",1000);
}
