var DDTIMER =10;
var done = 0;

function DefaultMenuOver(id){
  var m = $("#menu-" + id);
  var s = $("#sub-" + id);
  
  s.css("cursor","pointer");
  m.hide();
  s.show();
}

function DefaultMenuOut(id){
  var m = $("#menu-" + id);
  var s = $("#sub-" + id);
  
  s.hide();
  m.show();
}

function ddMenu(id,d){
  var m = document.getElementById('menu-' + id);
  var s = document.getElementById('sub-' + id);
  var x =$("#menu-"+id).width();
  //alert(x);
  //m.innerHTML="<img src='images/menu"+id+"_active.gif' />";
  m.style.backgroundColor="#000000";
  m.style.backgroundImage="url(images/menu"+id+"_active.gif)";
  m.style.backgroundPosition="50% 50%";
  //$("#menu-"+id).css("backgroundPosition",-x+"px");
  m.style.backgroundRepeat="no-repeat"
  //alert(s.offsetTop);
  clearInterval(s.timer);
  
  if(d==1){
	clearTimeout(m.timer);
	s.style.visibility = "visible";
  	s.timer = setInterval(function(){ddSlide(s,1,id)},DDTIMER);
  }else{
	if(s.offsetTop > 0){
	//s.style.top = -167 +'px';
	s.timer = setInterval(function(){ddClose(s,id)},50);
	}else{
	m.timer = setTimeout(function(){ddCollapse(s,id)},50);	
	}
  }
}

function ddCollapse(s,id){
  s.timer = setInterval(function(){ddSlide(s,-1,id)},DDTIMER);
}

function ddClose(s,id){
  var m = document.getElementById('menu-' + id);
  s.style.visibility = "hidden";
  $("#content-"+id).css("visibility","hidden");
  $("#footer-"+id).css("visibility","visible");
  s.style.top = -50 +'px';
  m.style.backgroundImage="url(images/menu"+id+"_unactive.gif)";
   m.style.backgroundPosition="50% 50%";
  //$("#menu-"+id).css("backgroundPosition","0px");
  m.style.backgroundColor="";
  clearInterval(s.timer);
}

function cancelHide(id){
  m = document.getElementById('menu-' + id);
  s = document.getElementById('sub-' + id);
  s.style.visibility = "visible";
  clearTimeout(m.timer);
  clearInterval(s.timer);

    s.timer = setInterval(function(){ddSlide(s,1,id)},DDTIMER);

}

function ddSlide(s,d,id){
  var currh = s.offsetTop;
  var m = document.getElementById('menu-' + id);
  //alert(currh);
 
  if(currh > 0){
	$("#content-"+id).css("visibility","visible");
    clearInterval(s.timer);
  }else{
	if(d == 1){
	   $("#content-"+id).css("visibility","hidden");
	   $("#footer-"+id).css("visibility","hidden");
	   s.style.top = currh + 15 + 'px';
	}else{
	   s.style.visibility = "hidden";
	   $("#content-"+id).css("visibility","hidden");
	   $("#footer-"+id).css("visibility","visible");
	   s.style.top = -50 +'px';
	   m.style.backgroundImage="url(images/menu"+id+"_unactive.gif)";
	   m.style.backgroundPosition="50% 50%";
	   //$("#menu-"+id).css("backgroundPosition","0px");
 	   m.style.backgroundColor="";
	   clearInterval(s.timer);
	}
  }
  
}