/* Tips */
window.addEvent('domready', function(){

	if ($$('.tips_yuki')) {
		var Tips_yuki = new Tips($$('.tips_yuki'));
	}
	if ($$('.tips_tomoni')) {
		var Tips_tomomi = new Tips($$('.tips_tomomi'));
	}
	if ($$('.tips_makoto')) {
		var Tips_makoto = new Tips($$('.tips_makoto'));
	}
	if ($$('.tips_kenichi')) {
		var Tips_kenichi = new Tips($$('.tips_kenichi'));
	}
	if ($$('.tips_shinjiro')) {
		var Tips_shinjiro = new Tips($$('.tips_shinjiro'));
	}
	if ($$('.tips_labo')) {
		var Tips_lobo = new Tips($$('.tips_lobo'));
	}
	if ($$('.tips_lamp')) {
		var Tips_lobo = new Tips($$('.tips_lamp'));
	}
	if ($$('.tips_tv')) {
		var Tips_lobo = new Tips($$('.tips_tv'));
	}
	if ($$('.tips_couch')) {
		var Tips_lobo = new Tips($$('.tips_couch'));
	}
	if ($$('.tips_toys')) {
		var Tips_lobo = new Tips($$('.tips_toys'));
	}
	if ($$('.tips_risu')) {
		var Tips_risu = new Tips($$('.tips_risu'));
	}
}); 

/* Accordion */
window.addEvent('domready', function(){

	if ($('accordion')) {

		param = location.search;
		param = param.substr(1,1);
		if (!param) { param = 0;}
	
		var accordion = new Accordion('li.atStart', 'div.atStart', {
			display: param,
			opacity: true,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#ff3300');
				toggler.setStyle('cursor', 'pointer');
		},
			
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#222');
				toggler.setStyle('cursor', 'pointer');
		}
		}, $('accordion'));

	}
});



var Site = {

	/* サイドバー スライド */
	start: function(){
		
		if ($('sidebar')){
			Site.appearText();
			if (!window.ie6) Site.makeShadow();
		}
	},
	
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#sidebar li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-left', '70px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	},
	
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});
		if (first.hasClass('big')){
			var tocolor = '333';
			var fromcolor = 'fff';
		} else {
			var tocolor = '8BE301';
			var fromcolor = '595965';
		}
		el.mouseouted = true;
		el.addEvent('mouseenter', function(e){
			overfxs.start({
				'color': tocolor,
				'margin-left': 10
			});
		});
		el.addEvent('mouseleave', function(e){
			overfxs.start({
				'color': fromcolor,
				'margin-left': 0
			});
		});
	},
	
	makeShadow: function(){
		new Element('img').injectInside('container').setStyles({
			'position': 'absolute', 'top': '0', 'margin-top': '-30px', 'left': '644px', 'z-index': '999999'
		}).setProperties({
			'height': $('sidebar').offsetHeight + 70, 'width': '10', 'src': '/assets/images/menubig_shadow.png'
		});
	}
	
};

window.addEvent('load', Site.start);