var DDSPEED = 10;
var DDTIMER = 15;
var OFFSET = -2;
var ZINT = 100;

function ddMenu3(id,d3){
  var h3 = document.getElementById(id + '-ddheader3');
  var c3 = document.getElementById(id + '-ddcontent3');
  clearInterval(c3.timer);
  if(d3 == 1){
    clearTimeout(h3.timer);
    c3.style.display = 'block';
    if(c3.maxh3 && c3.maxh3 <= c3.offsetWidth){return}
    else if(!c3.maxh3){
      c3.style.left = (h3.offsetWidth + OFFSET) + 'px';
      c3.style.width = 'auto';
      c3.maxh3 = c3.offsetWidth;
      c3.style.width = '0px';
    }
    ZINT = ZINT + 1;
    c3.style.zIndex = ZINT;
    c3.timer = setInterval(function(){ddSlide3(c3,1)},DDTIMER);
  }else{
    h3.timer = setTimeout(function(){ddCollapse3(c3)},50);
  }
}

function ddCollapse3(c3){
  c3.timer = setInterval(function(){ddSlide3(c3,-1)},DDTIMER);
}

function cancelHide3(id){
  var h3 = document.getElementById(id + '-ddheader3');
  var c3 = document.getElementById(id + '-ddcontent3');
  clearTimeout(h3.timer);
  clearInterval(c3.timer);
  if(c3.offsetWidth < c3.maxh3){
    c3.timer = setInterval(function(){ddSlide3(c3,1)},DDTIMER);
  }
}

function ddSlide3(c3,d3){
  var currh3 = c3.offsetWidth;
  var dist3;
  if(d3 == 1){
    dist3 = Math.round((c3.maxh3 - currh3) / DDSPEED);
  }else{
    dist3 = Math.round(currh3 / DDSPEED);
  }
  if(dist3 <= 1 && d3 == 1){
    dist3 = 1;
  }
  c3.style.width = currh3 + (dist3 * d3) + 'px';
  c3.style.opacity = currh3 / c3.maxh3;
  c3.style.filter = 'alpha(opacity=' + (currh3 * 100 / c3.maxh3) + ')';
  if(currh3 > (c3.maxh3 - 2) && d3 == 1){
    clearInterval(c3.timer);
  }else if(dist3 < 1 && d3 != 1){
    clearInterval(c3.timer);
    c3.style.display = 'none';
  }
}
