window.addEvent('domready', function() {
	
	/* subnavi slider */
	var myVerticalSlide = new Fx.Slide('subnavi_content',{duration: 300, transition: Fx.Transitions.Cubic.easeInOut}).hide();
    
    if($('subnavi') != null) {
    $('header').addEvents({
		'mouseenter': function(){
		  myVerticalSlide.cancel();
			myVerticalSlide.slideIn();
		},
		'mouseleave': function(){
		  myVerticalSlide.cancel();
			myVerticalSlide.slideOut();
		}
		
		
	});
	
	$('subnavi_toggler').addEvents({
	'click': function(){
		  myVerticalSlide.cancel();
			myVerticalSlide.slideIn();
		}
	
	});
	
	$('subnavi').addEvents({
	'mousemove': function(){
		  myVerticalSlide.cancel();
			myVerticalSlide.slideIn();
		}
	
	});
	
	/*
	$('main').addEvent('mousemove', function(){
        myVerticalSlide.slideOut();
        myVerticalSlide.cancel();
    });
    */
    
		
}
	

	
	/* subnavi */
	//$('subnavi').setStyle('position', 'absolute');
	var mnx = $('mainnavi').getPosition().x;
	var mnw = $('mainnavi').getSize().x;
	var mnr = mnx+mnw;
	
	var max = $('main_active').getPosition().x;
	var maw = $('main_active').getSize().x;
	var mar = max + maw;
	
	var mr = mnr - mar;
	

	
	//alert(ins);
	//alert(main_active);
	//alert(mr);
	
	if($('subnavi')) {
	$('subnavi').setStyle('padding-right', mr);

	//$('subnavi').setPosition({x: ma-ins, y: 0});
	}
	
	/* home main */
    var bo = $('body').getSize().y;
    var fo = 25; /* footer */
    
	var hm = bo - fo - 97;
	if($('js_home') != null) {
	   if(hm > 500) {
            $('main').setStyle('height', hm);
        }
    }
   
    
	/* footer */
	var wr = $('wrapper').getSize().y;
	var of = bo - wr;
	if(of > fo) {
	   $('footer').setStyle('margin-top', of-fo);
	}
	
	
	/* home popups */
	if($('js_home') != null) {
	   /* p1 */
	   var P1 = new Fx.Tween.Toggle('Popup1',{
		  property: 'opacity',
		  from: 0,
		  to: 1.5,
		  duration: 200
        }).setOut();
	
	   $('popup1_toggler').addEvent('click',function(){
		  P1.toggle();
		  P2.setOut();
		  P3.setOut();
		  P4.setOut();
		  P5.setOut();
		  P6.setOut();
	   });
	   
	   
	   
	   /* p2 */
	   var P2 = new Fx.Tween.Toggle('Popup2',{
		  property: 'opacity',
		  from: 0,
		  to: 1.5,
		  duration: 200
        }).setOut();
	
	   $('popup2_toggler').addEvent('click',function(){
		  P1.setOut();
		  P2.toggle();
		  P3.setOut();
		  P4.setOut();
		  P5.setOut();
		  P6.setOut();
	   });
	   
	   
	   
	   /* p3 */
	   var P3 = new Fx.Tween.Toggle('Popup3',{
		  property: 'opacity',
		  from: 0,
		  to: 1.5,
		  duration: 200
        }).setOut();
	
	   $('popup3_toggler').addEvent('click',function(){
		  P1.setOut();
		  P2.setOut();
		  P3.toggle();
		  P4.setOut();
		  P5.setOut();
		  P6.setOut();
		  $('popup5_toggler').setStyle('z-index', 1);
		  $('popup4_toggler').setStyle('z-index', 2);
		  $('Popup3').setStyle('z-index', 10);
	   });
	   
	   
	   
	   /* p4 */
	   var P4 = new Fx.Tween.Toggle('Popup4',{
		  property: 'opacity',
		  from: 0,
		  to: 1.5,
		  duration: 200
        }).setOut();
	
	   $('popup4_toggler').addEvent('click',function(){
		  P1.setOut();
		  P2.setOut();
		  P3.setOut();
		  P4.toggle();
		  P5.setOut();
		  P6.setOut();
	   });
	
	
	
	   /* p5 */
	   var P5 = new Fx.Tween.Toggle('Popup5',{
		  property: 'opacity',
		  from: 0,
		  to: 1.5,
		  duration: 200
        }).setOut();
	
	   $('popup5_toggler').addEvent('click',function(){
	      P1.setOut();
		  P2.setOut();
		  P3.setOut();
		  P4.setOut();
		  P5.toggle();
		  P6.setOut();
	   });
	   
	   
	   /* p6 */
	   var P6 = new Fx.Tween.Toggle('Popup6',{
		  property: 'opacity',
		  from: 0,
		  to: 1.5,
		  duration: 200
        }).setOut();
	
	   $('popup6_toggler').addEvent('click',function(){
	      P1.setOut();
		  P2.setOut();
		  P3.setOut();
		  P4.setOut();
		  P5.setOut();
		  P6.toggle();
	   });

	
	}
	

});