/* Menu Swap com Fade
***************************************************************************************/

var TimeToFade = 250;

function fade(eid, id_img) {
  var element = document.getElementById(eid);
  
	element.FadeState = 1;
	element.FadeTimeLeft = TimeToFade;
	setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "'," + id_img + ")", 30);
	
}

function animateFade(lastTick, eid, img_load) {
	var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft <= elapsedTicks) {
		element.style.opacity = element.FadeState == 1 ? '1' : '0';
		element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1){
		newOpVal = 1 - newOpVal;
	}
  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
  
  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
	
	if(img_load==1) {
		element.src='images/home/tela1.jpg';
	}
	if(img_load==2) {
		element.src='images/home/tela2.jpg';
	}
	if(img_load==3) {
		element.src='images/home/tela3.jpg';
	}
	if(img_load==4) {
		element.src='images/home/tela4.jpg';
	}
	if(img_load==5) {
		element.src='images/home/tela5.jpg';
	}
	if(img_load==6) {
		element.src='images/home/tela6.jpg';
	}
	if(img_load==7) {
		element.src='images/home/tela7.jpg';
	}
}