window.addEvent('domready', function(){
									
	var myEffects = new Fx.Style('menu', 'margin-left', {duration:400, wait:true});
	$('menu').addEvent('mouseenter', function(){myEffects.start(-180, 0);	});
	$('menu').addEvent('mouseleave', function(){myEffects.start(0, -180);	});


	var myEffects2 = new Fx.Style('head_menu', 'margin-top', {duration:300, wait:false});
	$('head_menu').addEvent('mouseenter', function(){myEffects2.start(-46, 0);	});
	$('head_menu').addEvent('mouseleave', function(){myEffects2.start(0, -46);	});
	
	
	var myEffects3 = new Fx.Style('mm_box', 'margin-left', {duration:500, wait:true});
	$('mm_box').addEvent('mouseenter', function(){myEffects3.start(-160, 0);	});
	$('mm_box').addEvent('mouseleave', function(){myEffects3.start(0, -160);	});
	
	
	
	
	
	var duration;
	if(navigator.appName.indexOf("Microsoft") >= 0){duration = 1000;}else{duration = 2000;}
	
	var scroll = new Fx.Scroll('wrapper', {
		wait: false,
		duration:duration,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	
	//ブラウザが小さかった場合にCSSを変更
	if(screen.width <= 1024){
		$('gallery_container').setStyle("left","40px");
	}else{
		$('gallery_container').setStyle("left","-40px");
	}
	
	
	//area
	$('link1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content1');
	});
	
	$('link2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content2');
	});
	
	$('link3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content3');
	});
	
	$('link4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content4');
	});


	//base info
	$('menu1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content5');
	});
	
	$('menu2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content6');
	});
	
	$('menu3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content7');
	});
	
	$('menu4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content8');
	});
	
	$('menu5').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content9');
	});


	
	
	var mySlide = new Fx.Slide('baroon');
	
		$('slideout').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideOut();
			e.stop();
		});
	
	$$('div.content-box').setStyles({
	width: window.getWidth(),
	height: window.getHeight()
	});
	
	$('iframe').innerHTML = '<iframe src="staff_contents.html" width="800" height="410" frameborder="0"></iframe>';

	
});