var TimeToFade = 2000.0;

function ChangeImage(ImgSrc,ContainerId){
  document.getElementById(ContainerId).innerHTML = "<img border='0' class='img_gallery_big' alt='Photo' src='images/" + ImgSrc +"'  height='389' width='397' />";
  var element = document.getElementById(ContainerId);
  if(element == null)
    return;
  
  if(element.FadeState == null){
    if(element.style.opacity == null
        || element.style.opacity == ''
        || element.style.opacity == '1'){
      element.FadeState = -2;
    } else {
      element.FadeState = -2;
    }
  }
   
  if(element.FadeState == 1 || element.FadeState == -1){
    element.FadeState = element.FadeState == 1 ? 1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  } else {
    element.FadeState = element.FadeState == 2 ? 1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime()
        + ",'" + ContainerId + "')", 33);
  } 
}

function animateFade(lastTick, eid){  
  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);
}

//////

function ChangeImage11(ImgSrc,ContainerId){
  //document.getElementById(ContainerId).innerHTML = "<img border='0' class='img_gallery_big' alt='Photo' src='images/" + ImgSrc +"'  height='389' width='397' />";
  var element = document.getElementById(ContainerId);
  if(element == null)
    return;
  
  if(element.FadeState == null){
    if(element.style.opacity == null
        || element.style.opacity == ''
        || element.style.opacity == '1'){
      element.FadeState = 2;
    } else {
      element.FadeState = 2;
    }
  }
   
  if(element.FadeState == 1 || element.FadeState == -1){
    element.FadeState = element.FadeState == 1 ? -1 : -1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  } else {
    element.FadeState = element.FadeState == 2 ? -1 : -1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade11(" + new Date().getTime()
        + ",'" + ContainerId + "', '" + ImgSrc + "')", 33);
  } 
}


function animateFade11(lastTick, eid, ImgSrc){  
  ImgSrc11 = ImgSrc;
  //alert(ImgSrc11);
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  var element = document.getElementById(eid);
  //alert("ddddddddddddddd");
  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;
	ChangeImage(ImgSrc11,eid);
    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("animateFade11(" + curTick + ",'" + eid + "', '" + ImgSrc + "')", 33, ImgSrc11);
}