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

	effects: function() {
		var timer = 0;
		var slidefxs = [];
		var myBox = $$('.chunk div.accordion');
		var myBoxOpen = $$('.contents');
		var scroll = new Fx.Scroll(window, {duration: 800, 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 = '#cc3'
					else if(el.hasClass('accordion'))	bgc = '#56ae3e'
					else							bgc = '#56ae3e'
					slidefxs[i].start({
						'background-color': bgc
					});
				}
				else {
					slidefxs[i].start({
					});
				}
			});
			el.addEvent('mouseout', function(){
				if(!el.hasClass('selected')){
					slidefxs[i].start({
						'background-color': '#69aeff'
					});
				}
				else {
					slidefxs[i].start({
					});
				}
			});
		});

		var myAccordion = new Accordion(
			myBox, myBoxOpen, {
				onActive: function(tog){
					tog.addClass('selected');
					var bgc;
					if(tog.hasClass('plug'))		bgc = '#c33'
					else if(tog.hasClass('accordion'))	bgc = '#f4b437'
					else							bgc = '#3c3'
					
					tog.effect.start({
						'color': '#3b3531',
						'background-color': bgc
					});
					
					(function() {scroll.scrollTo(0,tog.getTop()-20);}).bind(tog).delay(500);
				},
				onBackground: function(tog){
					tog.removeClass('selected');
					tog.effect.start({
	                	'color': '#fff',
	                	'background-color': '#69aeff'
	                });
				},
				start: 'all-close',
				duration: 200,
				alwaysHide: true,
				onComplate: Site.demo()
			}
		);
		
	},

	demo: function() {
		//demo Accordion
		var demoBox = $$('.demo .toggle');
		var demoBoxOpen = $$('.demo .toggler');
		var demoAccordion = new Accordion(
				demoBox, demoBoxOpen, {
					duration: 500,
					opacity: false,
					alwaysHide: true
				}
			);

		//demo color rows
		var rowTr = $$('.demo tr');
		var l = 0;
		
		for (var i = 0; i < rowTr.length; i++) {
	    	if (l%2) {
				rowTr[i].addClass('rows');
			}
			l++;
		}
	}
}

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