window.addEvent('domready', function(){

	//mousescrolling at left and right edges of browser
	var scroll = new Scroller('container', {area: 50, velocity: 1});
	
		$('container').addEvent('mouseenter', scroll.start.bind(scroll));
		$('container').addEvent('mouseleave', scroll.stop.bind(scroll));

	//scroll wheel control in page

	//clickscrolling to jump to and fro between projects
	var scroll2 = new Fx.Scroll('container', {
		wait: false,
		duration: 1000,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
 
	$$('.menulink').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('menu');
		});
	}); 
 
	$$('.link1').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('first');
		});
	});
 
	$$('.link2').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('second');
		});
	});
 
	$$('.link3').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('third');
		});
	});
 
	$$('.link4').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('fourth');
		});
	});
	$$('.link5').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('fifth');
		});
	});
 
	$$('.link6').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('sixth');
		});
	});
 
	$$('.link7').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('seventh');
		});
	});
 
	$$('.link8').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('eighth');
		});
	});
	$$('.link9').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('ninth');
		});
	});
		$$('.link10').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('tenth');
		});
	});
		$$('.link11').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('eleventh');
		});
	});
		$$('.link12').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll2.toElement('twelfth');
		});
	});
		
	
	//ACCORDION
	
	var accordion = new Accordion('h3.atStart', 'div.atStart', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ff3300');
		},
	 
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#222');
		}
	}, $('accordion'));
 
	
	
	//SLIDES
	
	//about slide
	var mySlide2 = new Fx.Slide('test2', {mode: 'horizontal'})
	
	
	//category slides
	var physicalslide = new Fx.Slide('physicaldiv', {
		mode: 'horizontal',
		duration: 1500
	})
	
	var codeslide = new Fx.Slide('codediv', {
		mode: 'horizontal',
		duration: 1500
	})
	
	var webslide = new Fx.Slide('webdiv', {
		mode: 'horizontal',
		duration: 1500
	})
	
	var printslide = new Fx.Slide('printdiv', {
		mode: 'horizontal',
		duration: 1500
	})
		
	codeslide.hide();
	webslide.hide();
	printslide.hide();
	mySlide2.hide();
	 
	$('phystoggle').addEvent('click', function(a){
		a = new Event(a);
		codeslide.slideOut();
		webslide.slideOut();
		printslide.slideOut();

		physicalslide.slideIn();
		a.stop();	
	}); 
	
	$('codetoggle').addEvent('click', function(b){
		b = new Event(b);
		physicalslide.slideOut();
		webslide.slideOut();
		printslide.slideOut();
				
		codeslide.slideIn();
		b.stop();	
	});
	
	$('webtoggle').addEvent('click', function(c){
		c = new Event(c);
		physicalslide.slideOut();
		codeslide.slideOut();
		printslide.slideOut();
				
		webslide.slideIn();
		c.stop();	
	});
	
	$('printtoggle').addEvent('click', function(d){
		d = new Event(d);
		physicalslide.slideOut();
		codeslide.slideOut();
		webslide.slideOut();
				
		printslide.slideIn();
		d.stop();	
	}); 
	 
	$('toggle2').addEvent('click', function(e){
		e = new Event(e);
		mySlide2.toggle();
		e.stop();
		
	});
	
	
});