var Site = {
	start: function() {
		Site.effects();
	},

	effects: function() {
		var timer = 0;
		var slidefxs = [];
		var myBox = $$('#contents h3');
		var myBoxOpen = $$('.contents');
		var scroll = new Fx.Scroll(window, {duration: 300, transition: Fx.Transitions.backOut, fps: 60});

		myBox.each(function(el, i){
			el.effect = new Fx.Styles(el, {duration: 200, fps: 60});
			
			slidefxs[i] = new Fx.Styles(el, {
				duration: 200,
				transition: Fx.Transitions.cubicOut,
				fps: 60,
				wait: false
			});
			
			el.addEvent('mouseover', function(){
				var bgc;
				if(!el.hasClass('selected')){
					if(el.hasClass('plug'))			bgc = '#ffffff'
					else if(el.hasClass('exam'))	bgc = '#ffffff'
					else							bgc = '#ffffff'
					slidefxs[i].start({
						'margin-left': [0,0],
						'margin-right': [0,0],
						'text-indent': 0
					});
				}
				else {
					slidefxs[i].start({
	
					});
				}
			});
			el.addEvent('mouseout', function(){
				if(!el.hasClass('selected')){
					slidefxs[i].start({
						'margin-left': [0,0],
						'margin-right': [0,0],
						'text-indent': 0
					});
				}
				else {
					slidefxs[i].start({
						'margin-left': [0,0],
						'margin-right': [0,0],
						'text-indent': 0
					});
				}
			});
		});

		var myAccordion = new Accordion(
			myBox, myBoxOpen, {
				onActive: function(tog){
					tog.addClass('selected');
					var bgc;
					if(tog.hasClass('plug'))		bgc = '#ffffff'
					else if(tog.hasClass('exam'))	bgc = '#ffffff'
					else							bgc = '#ffffff'
					tog.effect.start({
					});
					
					(function() {scroll.scrollTo(0,tog.getTop()-20);}).bind(tog).delay(300);
				},
				onBackground: function(tog){
					tog.removeClass('selected');
					tog.effect.start({
	                });
				},
				start: 'all-close',
				duration: 200,
				alwaysHide: true,
				onComplate: Site.demo()
			}
		);

		var ras = [];
		$$('ul li a, p a, dd a, dd input').each(function(ra){
			if (ra.getAttribute('title')) ras.push(ra);
		});
		
		new Tips(ras, {
			maxTitleChars: 22,
			onShow: function(rtip){
				rtip.effects({
					duration: 200,
					transition: Fx.Transitions.quadInOut,
					fps: 60
				}).custom({
						'opacity': [0, 0.8]
					});
			},
			onHide: function(rtip) {
				rtip.effects({
					duration: 100,
					transition: Fx.Transitions.quadInOut,
					fps: 60
				}).custom({
						'opacity': [0.8, 0]
					});
			},
			className: 'round'
		});
		
		new SmoothScroll({
			duration: 800,
			transition: Fx.Transitions.quadOut,
			fps: 60
		});	
	},

	demo: function() {
	}
}

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