/* ikubo create 09.03.09 
/*----------------------------------------------------*/


/* constract
/*----------------------------------------------------*/
var DDSPEED = 30;
var SSSPEED = 6;
var DDTIMER = 15;

/* 実行メソッド(one-contents)
/*----------------------------------------------------*/
function slideNaviOne(){

  clear();

  var h = document.getElementById('one-ddheader');
  var c = document.getElementById('one-ddcontent');
  var n1  = document.getElementById('navi1');
  var n2  = document.getElementById('navi2');
  var n3  = document.getElementById('navi3');
  
  var l1  = document.getElementById('link1');
  var l2  = document.getElementById('link2');
  var l3  = document.getElementById('link3');
 
 if(n3.maxw && n3.maxw <= n3.offsetWidth){
 

 return 
 }
 else {
 //else if(!n3.maxw){
 
	c.style.display = 'block';
	c.style.height  = 'auto';
	c.maxh = c.offsetHeight;
	c.style.height = '0px';
	c.end            = false;
	
	n1.style.display = 'block';
	n1.style.width   = '134px';
	
	l1.style.display = 'block';
	l1.style.width   = '134px';
		
	n2.style.display = 'block';
	n2.maxw          = 147;
	n2.noww          = 0;
	n2.style.width   = '0px';
	n2.end           = false;

	n3.style.display = 'block';
	n3.maxw          = 115;
	n3.noww          = 0;
	n3.style.width   = '0px';
	
	l2.style.display = 'block';
	l2.style.width   = '0px';

	l3.style.display = 'block';
	l3.style.width   = '0px';
	
 }
 
    c.timer  = setInterval(function(){ddSlide(c,1)},DDTIMER);
    n2.timer = setInterval(function(){ddSideSlide(n2,l2,1,c)},DDTIMER); 
  	n3.timer = setInterval(function(){ddSideSlide(n3,l3,1,n2)},DDTIMER); 
}
/* 実行メソッド(two-contents)
/*----------------------------------------------------*/
function slideNaviTwo(){
  
  clear();
  
  var h = document.getElementById('two-ddheader');
  var c = document.getElementById('two-ddcontent');
  var n4  = document.getElementById('navi4');
  var n5  = document.getElementById('navi5');
  var n6  = document.getElementById('navi6');
  var n7  = document.getElementById('navi7');
  var n8  = document.getElementById('navi8');
  
  var l4  = document.getElementById('link4');
  var l5  = document.getElementById('link5');
  var l6  = document.getElementById('link6');
  var l7  = document.getElementById('link7');
  var l8  = document.getElementById('link8');
 
 if(n8.maxw && n8.maxw <= n8.offsetWidth){return}
  
 //else if(!n8.maxw){
 else{
 
	n4.style.display = 'block';
	n4.style.width   = '128px';
	
	l4.style.display = 'block';
	l4.style.width   = '128px';
	
	c.style.display = 'block';
	c.style.height  = 'auto';
	c.maxh = c.offsetHeight;
	c.style.height = '0px';
	c.end            = false;
	
	n5.style.display = 'block';
	n5.maxw          = 90;
	n5.noww          = 0;
	n5.style.width   = '0px';
	n5.end           = false;

	n6.style.display = 'block';
	n6.maxw          = 172;
	n6.noww          = 0;
	n6.style.width   = '0px';
	n6.end           = false;

	n7.style.display = 'block';
	n7.maxw          = 105;
	n7.noww          = 0;
	n7.style.width   = '0px';
	n7.end           = false;
	
	n8.style.display = 'block';
	n8.maxw          = 80;
	n8.noww          = 0;
	n8.style.width   = '0px';
	
	l5.style.display = 'block';
	l5.style.width   = '0px';

	l6.style.display = 'block';
	l6.style.width   = '0px';

	l7.style.display = 'block';
	l7.style.width   = '0px';

	l8.style.display = 'block';
	l8.style.width   = '0px';

}
 
    c.timer  = setInterval(function(){ddSlide(c,1)},DDTIMER);
  	n5.timer = setInterval(function(){ddSideSlide(n5,l5,1,c)},DDTIMER); 
    n6.timer = setInterval(function(){ddSideSlide(n6,l6,1,n5)},DDTIMER); 
    n7.timer = setInterval(function(){ddSideSlide(n7,l7,1,n6)},DDTIMER); 
    n8.timer = setInterval(function(){ddSideSlide(n8,l8,1,n7)},DDTIMER); 

}
/* 実行メソッド(four-contents)
/*----------------------------------------------------*/
function slideNaviFour(){

  clear();
  
  var h = document.getElementById('four-ddheader');
  var c = document.getElementById('four-ddcontent');
  var n9  = document.getElementById('navi9');
  var n10 = document.getElementById('navi10');
  var n11 = document.getElementById('navi11');
  
  var l9  = document.getElementById('link9');
  var l10 = document.getElementById('link10');
  var l11 = document.getElementById('link11');
     
 
 if(n11.maxw && n11.maxw <= n11.offsetWidth){return}
  
 //else if(!n9.maxw){
 
 else{
 
	c.style.display = 'block';
	c.style.height  = 'auto';
	c.maxh = c.offsetHeight;
	c.style.height = '0px';
	c.end            = false;
	
	n9.style.display = 'block';
	n9.style.width   = '172px';
	
	l9.style.display = 'block';
	l9.style.width   = '172px';
		
	n10.style.display = 'block';
	n10.maxw          = 183;
	n10.noww          = 0;
	n10.style.width   = '0px';
	n10.end           = false;
	
	n11.style.display = 'block';
	n11.maxw          = 184;
	n11.noww          = 0;
	n11.style.width   = '0px';
	n11.end           = false;

	l10.style.display = 'block';
	l10.style.width   = '0px';

	l11.style.display = 'block';
	l11.style.width   = '0px';
	
 }
 
    c.timer   = setInterval(function(){ddSlide(c,1)},DDTIMER);
  	n10.timer = setInterval(function(){ddSideSlide(n10,l10,1,c)},DDTIMER); 
    n11.timer = setInterval(function(){ddSideSlide(n11,l11,1,n10)},DDTIMER); 
}

/* 動作メソッド(縦の動作)
/*----------------------------------------------------*/
function ddSlide(c,d){
  var currh = c.offsetHeight;
  var dist;
  
  if(d == 1){
    dist = (Math.round((c.maxh - currh) / DDSPEED));
  }else{
    dist = (Math.round(currh / DDSPEED));
  }
  
  if(dist <= 1 && d == 1){
    dist = 1;
  }
  
  c.style.height = currh + (dist * d) + 'px';
  c.style.opacity = currh / c.maxh;
  c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
  
  // max size option ikubo 09.03.09
  if((currh > (c.maxh - 2) && d == 1)){
  	c.end = true;
	clearInterval(c.timer);
  }
  
  // limit size 0 ikubo 09.03.09
  if((currh < 2 && d != 1)){
    clearInterval(c.timer);
  }
  
  // erase space ikubo 09.03.09
  if(d < 1 && c.style.height == '4px'){
  	c.style.height = '0px';
  }
}



/* 動作メソッド(横の動作)
   c  current object
   l  link object
   d  direction
   p  prev object
/*----------------------------------------------------*/
function ddSideSlide(c,l,d,p){
  var currh = c.noww;
  var dist;
  
  if(p.end){
  
	  if(c.maxw <= currh){
	  		
	  		clearInterval(c.timer);
	  		c.end = true;
	  		c.style.width = c.maxw;
			l.style.width = c.style.width;
			
	  }else{
	  
		  dist = (Math.round((c.maxw - currh) / SSSPEED));
		  c.style.width   = currh + (dist * d) + 'px';
	      c.style.opacity = currh / c.maxh;
	      c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxw) + ')';	  
		  c.noww += dist;
		  l.style.width = c.style.width;
		  
		  if(c.maxw > currh && (c.maxw - 5) < currh){
		  	c.noww = c.maxw;
		  }
		  
		  if(c.maxw > currh && (c.maxw - 60) < currh){
		  	c.end = true;
		  }
	  }
	  
  }
  
}
/* クリアメソッド
/*----------------------------------------------------*/
function clear(){

 var h1 = document.getElementById('one-ddheader');
 var h2 = document.getElementById('two-ddheader');
 var h4 = document.getElementById('four-ddheader');

 var c1 = document.getElementById('one-ddcontent');
 var c2 = document.getElementById('two-ddcontent');
 var c4 = document.getElementById('four-ddcontent');
 
 c1.style.height ='0px';
 c2.style.height ='0px';
 c4.style.height ='0px';
 
  clearInterval(c1.timer);
  clearInterval(c2.timer);
  clearInterval(c4.timer);
  
  clearTimeout(h1.timer);
  clearTimeout(h2.timer);
  clearTimeout(h4.timer);
  
 for (i=1;i<8;i++){
	var n  = document.getElementById('navi' + i);
	var l  = document.getElementById('link' + i);
	clearInterval(n.timer);
	n.style.display = 'none';
	n.style.width   = '0px';
	l.style.display = 'none';
	l.style.width   = '0px';	
 }
 
}

/* open status
/*----------------------------------------------------*/
function openMenu(type){
	var contents = new Array();		
	var h = document.getElementById(type + '-ddheader');
	var c = document.getElementById(type + '-ddcontent');
	c.style.display  = 'block';
	c.style.height   = '24px';
	c.style.opacity = 1;
	c.style.filter = 'alpha(opacity=100)';
}