var DDSPEED = 10;
var DDTIMER = 15;

// main function to handle the mouse events //
function ddMenu(id,flag) {
  headerItem = document.getElementById(id + '-ddheader');
  var contentItem = document.getElementById(id + '-ddcontent');
  clearInterval(contentItem.timer);
  contentItem.style.display = "block";
  if(flag == 1){
    clearTimeout(headerItem.timer);
    if(contentItem.maxh && contentItem.maxh <= contentItem.offsetHeight) {
		return;
	}
    else if(!contentItem.maxh) {
      contentItem.style.display = 'block';
      contentItem.style.height = 'auto';
      contentItem.maxh = contentItem.offsetHeight;
      contentItem.style.height = '0px';
    }
    contentItem.timer = setInterval(function() { ddSlide(contentItem,1) }, DDTIMER);
  }else{
    headerItem.timer = setTimeout(function() {ddCollapse(contentItem) }, 50);
  }
}

// collapse the menu //
function ddCollapse(contentItem){
  contentItem.timer = setInterval(function(){ ddSlide(contentItem,-1) }, DDTIMER);
}

// cancel the collapse if a user rolls over the dropdown //
function cancelHide(id) {
  var headerItem = document.getElementById(id + '-ddheader');
  var contentItem = document.getElementById(id + '-ddcontent');
  clearTimeout(headerItem.timer);
  clearInterval(contentItem.timer);
  if(contentItem.offsetHeight < contentItem.maxh) {
    contentItem.timer = setInterval(function() { ddSlide(contentItem,1) }, DDTIMER);
  }
}

// incrementally expand/contract the dropdown and change the opacity //
function ddSlide(contentItem,flag) {
  var currh = contentItem.offsetHeight;
  var dist;
  if(flag == 1){
    dist = (Math.round((contentItem.maxh - currh) / DDSPEED));
  }else{
    dist = (Math.round(currh / DDSPEED));
  }
  if(dist <= 1 && flag == 1) {
    dist = 1;
  }
  if(contentItem.nodeName == "DIV" && flag != 1) {
	contentItem.style.height = (currh + (dist * flag)) + 'px';
	contentItem.style.opacity = currh / contentItem.maxh;
  } else {
	contentItem.style.height = (currh + (dist * flag)) + 'px';
  	contentItem.style.opacity = currh / contentItem.maxh;
  }
 // c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
  if((currh < 2 && flag != 1) || (currh > (contentItem.maxh - 2) && flag == 1)) {
    clearInterval(contentItem.timer);
  }
}





var DDSPEED_2 = 10;
var DDTIMER_2 = 15;

// main function to handle the mouse events //
function foMenu(id,flag) {
  var headerItem = document.getElementById(id + '-foheader');
  var contentItemSub = document.getElementById(id + '-focontent');
  clearInterval(contentItemSub.timer);
  if(flag == 2){
    clearTimeout(headerItem.timer);
    if(contentItemSub.maxw && contentItemSub.maxw <= contentItemSub.offsetWidth) {
		return;
	}
    else if(!contentItemSub.maxw) {
      contentItemSub.style.display = 'block';
      contentItemSub.style.width = 'auto';
      contentItemSub.maxw = contentItemSub.offsetWidth;
      contentItemSub.style.width = '0px';
    }
    contentItemSub.timer = setInterval(function() { foSlide(contentItemSub,2) }, DDTIMER_2);
  }else{
    headerItem.timer = setTimeout(function() {foCollapse(contentItemSub) }, 50);
  }
}

// collapse the menu //
function foCollapse(contentItemSub){
  contentItemSub.timer = setInterval(function(){ foSlide(contentItemSub,-2) }, DDTIMER_2);
}

// cancel the collapse if a user rolls over the dropdown //
function foCancelHide(id) {
  var headerItem = document.getElementById(id + '-foheader');
  var contentItemSub = document.getElementById(id + '-focontent');
  clearTimeout(headerItem.timer);
  clearInterval(contentItemSub.timer);
  if(contentItemSub.offsetWidth < contentItemSub.maxw) {
    contentItemSub.timer = setInterval(function() { foSlide(contentItemSub,2) }, DDTIMER_2);
  }
}


// incrementally expand/contract the dropdown and change the opacity //
function foSlide(contentItemSub,flag) {
  var currw = contentItemSub.offsetWidth;
  var dist;
  if(flag == 2){
    dist = (Math.round((contentItemSub.maxw - currw) / DDSPEED_2));
  }else{
    dist = (Math.round(currw / DDSPEED_2));
  }
  if(dist <= 2 && flag == 2) {
    dist = 2;
  }
  if(contentItemSub.nodeName == "DIV" && flag != 2) {
	contentItemSub.style.width = '0px';
  	contentItemSub.style.opacity = currw / contentItemSub.maxw;
	// alert(contentItemSub.style.width);
  } else {
	contentItemSub.style.width = (currw + (dist * 2)) + 'px';
  	contentItemSub.style.opacity = currw / contentItemSub.maxw;
	// alert(contentItemSub.style.width);
  }
  // c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
  if((currw < 3 && flag != 2) || (currw > (contentItemSub.maxw - 3) && flag == 2)) {
    clearInterval(contentItemSub.timer);
  }
}


function showMenu(id) {
	var currMenu = document.getElementById(id + "-ddcontent");
	currMenu.style.overflow = "visible";
}

function hideMenu(id) {
	var currMenu = document.getElementById(id + "-ddcontent");
	currMenu.style.overflow = "hidden";
}

function showFoMenus(id) {
	var currMenu = document.getElementById(id + "-focontent");
	currMenu.style.overflow = "visible";
}

function hideFoMenus(id) {
	var currMenu = document.getElementById(id + "-focontent");
	currMenu.style.overflow = "hidden";
}