var ContentHeight = 225;
var TimeToSlide = 250.0;
var cambiaImagen = false;
var cambiaImagen2 = false;

var openAccordion = '';

function runAccordion(index){
  var nID = "Accordion" + index + "Content";
  if(openAccordion == nID)
    nID = '';
    
  setTimeout("animate(" 
      + new Date().getTime() + "," + TimeToSlide + ",'" 
      + openAccordion + "','" + nID + "')", 33);
  
  openAccordion = nID;
}

function animate(lastTick, timeLeft, closingId, openingId){  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var opening = (openingId == '') ? 
      null : document.getElementById(openingId);
  var closing = (closingId == '') ? 
      null : document.getElementById(closingId);
 
  if(timeLeft <= elapsedTicks){
    if(opening != null)
      opening.style.height = ContentHeight + 'px';
    
    if(closing != null){
      closing.style.display = 'none';
      closing.style.height = '0px';
    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  var newClosedHeight = 
      Math.round((timeLeft/TimeToSlide) * ContentHeight);

  if(opening != null){
    if(opening.style.display != 'block')
      opening.style.display = 'block';
    opening.style.height = 
        (ContentHeight - newClosedHeight) + 'px';
  }
  
  if(closing != null)
    closing.style.height = newClosedHeight + 'px';

  setTimeout("animate(" + curTick + "," + timeLeft + ",'" 
      + closingId + "','" + openingId + "')", 33);
}

function cambiaImg(index) {
	img = cambiarImgs(index);
	restauraImg(img);
}

function cambiarImgs(index) {
	nuevoUser = new Image();
	nuevoUserOn = new Image();
	var img = 0;
	
	if( index == 1 && (cambiaImagen==false) ) {
		nuevoUserOn.src = "img/_barra_nuevoUser_Activa.png";
		document.images["nuevoUsuario"].src = nuevoUserOn.src;
		img = 1;
		cambiaImagen = true;
	} else if( index == 1 && (cambiaImagen==true) ) {
		nuevoUser.src = "img/_barra_nuevoUser.png";
		document.images["nuevoUsuario"].src = nuevoUser.src;
		img = 1;
		cambiaImagen = false;
	} else if( index == 2 && (cambiaImagen2==false) ) {
		nuevoUser.src = "img/_barra_recuContra_Activa.png";
		document.images["recuperaPass"].src = nuevoUser.src;
		img = 2;
		cambiaImagen2 = true;
	} else if( index == 2 && (cambiaImagen2==true) ) {
		nuevoUserOn.src = "img/_barra_recuContra.png";
		document.images["recuperaPass"].src = nuevoUserOn.src;
		img = 2;
		cambiaImagen2 = false;
	}
	return img;
}

function restauraImg(img) {
		if(img!=1 && cambiaImagen==true) {
			cambiarImgs(1);
		}else if(img!=2 && cambiaImagen2==true) {
			cambiarImgs(2);
		}
}