// inicializar variables
var fading = false;
var showed = false;

// functions
function showInfo() {
  if (!fading && !showed) {
    fading = true;
  	if (BrowserDetect.browser == 'Safari') {
  		// sin fundido
  		document.getElementById('info').style.visibility = 'visible';
  	} else {
  		// con fundido// creo un objeto de opacidad con los siguientes parametros
    	fadeInfo = new OpacityTween(document.getElementById('info'),Tween.regularEaseOut, 0, 100, 1);
    	fadeInfo.start();
  		document.getElementById('info').style.visibility = 'visible';
    	fadeInfo.onMotionFinished = function() {
        fading = false;
        showed = true;
      }
  	}
	}
}

function hideInfo() {
  if (!fading && showed) {
    fading = true;
  	if (BrowserDetect.browser == 'Safari') {
  		// sin fundido
  		document.getElementById('info').style.visibility = 'hidden';
  	} else {
  		// con fundido// creo un objeto de opacidad con los siguientes parametros
    	fadeInfo = new OpacityTween(document.getElementById('info'),Tween.regularEaseOut, 100, 0, 1);
    	fadeInfo.start();
    	fadeInfo.onMotionFinished = function() {
        fading = false;
        showed = false;
  		  document.getElementById('info').style.visibility = 'hidden';
      }
  	}
  }
}