var fadeTimer = new Array();
var inizioH = 0;
var fadeInterval = 5;  // milliseconds
var fin2=0;
var x = 0;
var mas = -10;

function fade(o, d) {

  var obj = document.getElementById(o);  //mette nella variabile l'elemento o che è il div
  
    if(fadeTimer[o]){
		delete(fadeTimer[o]);
		clearInterval(fadeTimer[o]);
	}else{
      if(d){ inizioH=0; document.getElementById(o).style.display = "block"; }
      else{ inizioH=300; }
	}

    document.getElementById(o).style.width = inizioH.toString()+"px";

    if(d) {
      fadeTimer[o] = setInterval('fadeAnimation("'+o+'",20,0,300);',fadeInterval);
    } else{
      fadeTimer[o] = setInterval('fadeAnimation("'+o+'",-20,0,300);',fadeInterval);
	}

  }

function fadeAnimation(o,k,inizio,fine) {

	/*if(inizioH>inizioH*(5/6)){
		if(k>0){
			k*=Math.exp(x);
			if(x-0.11>mas){
				x-=0.11;
			}
		}
	}*/
	
	inizioH += k;
	
	if(inizioH<=fine){
		if(inizioH>=inizio){
			document.getElementById(o).style.width = inizioH.toString()+"px";
		}else{
			document.getElementById(o).style.width = inizio.toString()+"px";
			
			
		}
	}else{
		document.getElementById(o).style.width = fine.toString()+"px";
		
		
	}
	
	if(inizioH<=inizio||inizioH>=fine){
		clearInterval(fadeTimer[o]);
		delete(fadeTimer[o]);
		delete(inizioH);
		delete(fin2);
		x=0;
		mas=-10;
	}
}