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

	// *************** SCROLLING NAVIGATION
	
	var scroll = new Fx.Scroll(window, {duration: 1000, wait: false, transition: Fx.Transitions.quadInOut});
	
	$$('.gotohome').addEvent('click', function(event){ event = new Event(event).stop(); scroll.toElement('start'); });
	$$('.gotoabout').addEvent('click', function(event){ event = new Event(event).stop(); scroll.toElement('about'); });
	$$('.gotowork').addEvent('click', function(event){ event = new Event(event).stop(); scroll.toElement('work'); });
	$$('.gotoapp').addEvent('click', function(event){ event = new Event(event).stop(); scroll.toElement('app'); });
	$$('.gotocontact').addEvent('click', function(event){ event = new Event(event).stop(); scroll.toElement('contact'); });
	$$('.gotoboard').addEvent('click', function(event){ event = new Event(event).stop(); scroll.toElement('board'); });
	$$('.gotoskills').addEvent('click', function(event){ event = new Event(event).stop(); scroll.toElement('skills'); });
	
	// *************** SHOW CASE
	
	// *************** WEBSITE

	var myWorkSlide0 = new Fx.Slide('showcase-none', {duration: 500, wait: false, transition: Fx.Transitions.quadInOut});
	var myWorkSlide1 = new Fx.Slide('showcase-insession', {duration: 520, wait: false, transition: Fx.Transitions.quadInOut});
	var myWorkSlide2 = new Fx.Slide('showcase-krei-lotus', {duration: 400, wait: false, transition: Fx.Transitions.quadInOut});
	var myWorkSlide3 = new Fx.Slide('showcase-kiat-openforum', {duration: 500, wait: false, transition: Fx.Transitions.quadInOut});
	   
	//initially hide everything
	//myWorkSlide2.hide();
	myWorkSlide0.hide();
	myWorkSlide2.hide();
	myWorkSlide3.hide();

	$('none').addEvent('click', function(e){
		e = new Event(e);
		myWorkSlide0.toggle();
		myWorkSlide1.slideOut();
		myWorkSlide2.slideOut();
		myWorkSlide3.slideOut();
		e.stop();
	});

	$('insession').addEvent('click', function(e){
		e = new Event(e);
		myWorkSlide0.slideOut();
		myWorkSlide1.toggle();
		myWorkSlide2.slideOut();
		myWorkSlide3.slideOut();
		e.stop();
	});
	
	$('krei-lotus').addEvent('click', function(e){
		e = new Event(e);
		myWorkSlide0.slideOut();
		myWorkSlide1.slideOut();
		myWorkSlide2.toggle();
		myWorkSlide3.slideOut();
		e.stop();
	});
	
	$('kiat-openforum').addEvent('click', function(e){
		e = new Event(e);
		myWorkSlide0.slideOut();
		myWorkSlide1.slideOut();
		myWorkSlide2.slideOut();
		myWorkSlide3.toggle();
		e.stop();
	});
	
	$$('.close-web').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			myWorkSlide0.slideOut();
			myWorkSlide1.slideOut();
			myWorkSlide2.slideOut();
			myWorkSlide3.slideOut();
		});
	});



	// *************** APP

	var myAppSlide0 = new Fx.Slide('showcase-waitapp', {duration: 500, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide1 = new Fx.Slide('showcase-examKorean', {duration: 520, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide2 = new Fx.Slide('showcase-pmg2', {duration: 510, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide3 = new Fx.Slide('showcase-pmg1', {duration: 530, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide4 = new Fx.Slide('showcase-myFamily', {duration: 540, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide5 = new Fx.Slide('showcase-ggTraffic', {duration: 550, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide6 = new Fx.Slide('showcase-kukiHealth', {duration: 560, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide7 = new Fx.Slide('showcase-smartCAU', {duration: 570, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide8= new Fx.Slide('showcase-shashak', {duration: 580, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide9 = new Fx.Slide('showcase-dinoopsColors', {duration: 590, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide10 = new Fx.Slide('showcase-dinoopsColors-Pro', {duration: 600, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide11 = new Fx.Slide('showcase-mrCool', {duration: 610, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide12 = new Fx.Slide('showcase-mrCool-Pro', {duration: 620, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide13 = new Fx.Slide('showcase-talkingHaechi', {duration: 630, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide14 = new Fx.Slide('showcase-murderedStory', {duration: 640, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide15 = new Fx.Slide('showcase-somang', {duration: 550, wait: false, transition: Fx.Transitions.quadInOut});
	var myAppSlide16 = new Fx.Slide('showcase-sarang', {duration: 550, wait: false, transition: Fx.Transitions.quadInOut});
		   
	//initially hide everything
	//myAppSlide2.hide();
	myAppSlide0.hide();
	myAppSlide1.hide();
	myAppSlide2.hide();
	myAppSlide3.hide();
	myAppSlide4.hide();
	myAppSlide5.hide();
	myAppSlide6.hide();
	myAppSlide7.hide();
	myAppSlide8.hide();
	myAppSlide9.hide();
	myAppSlide10.hide();
	myAppSlide11.hide();
	myAppSlide12.hide();
	myAppSlide13.hide();
	myAppSlide15.hide();
	myAppSlide16.hide();
	/*
	$('waitapp').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.toggle();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});
*/
	$('examKorean').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.toggle();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});
	
	$('pmg2').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.toggle();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});
	
	$('pmg1').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.toggle();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('myFamily').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.toggle();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('ggTraffic').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.toggle();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('kukiHealth').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.toggle();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('smartCAU').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.toggle();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('shashak').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.toggle();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('dinoopsColors').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.toggle();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('dinoopsColors-Pro').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.toggle();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('mrCool').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.toggle();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('mrCool-Pro').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.toggle();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('talkingHaechi').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.toggle();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('murderedStory').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.toggle();
		myAppSlide15.slideOut();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('somang').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.toggle();
		myAppSlide16.slideOut();
		e.stop();
	});

	$('sarang').addEvent('click', function(e){
		e = new Event(e);
		myAppSlide0.slideOut();
		myAppSlide1.slideOut();
		myAppSlide2.slideOut();
		myAppSlide3.slideOut();
		myAppSlide4.slideOut();
		myAppSlide5.slideOut();
		myAppSlide6.slideOut();
		myAppSlide7.slideOut();
		myAppSlide8.slideOut();
		myAppSlide9.slideOut();
		myAppSlide10.slideOut();
		myAppSlide11.slideOut();
		myAppSlide12.slideOut();
		myAppSlide13.slideOut();
		myAppSlide14.slideOut();
		myAppSlide15.slideOut();
		myAppSlide16.toggle();
		e.stop();
	});
	
	$$('.close-app').each(function(el){
		el.addEvent('click', function(event) {
			event = new Event(event).stop();
			myAppSlide0.slideOut();
			myAppSlide1.slideOut();
			myAppSlide2.slideOut();
			myAppSlide3.slideOut();
			myAppSlide4.slideOut();
			myAppSlide5.slideOut();
			myAppSlide6.slideOut();
			myAppSlide7.slideOut();
			myAppSlide8.slideOut();
			myAppSlide9.slideOut();
			myAppSlide10.slideOut();
			myAppSlide11.slideOut();
			myAppSlide12.slideOut();
			myAppSlide13.slideOut();
			myAppSlide14.slideOut();
			myAppSlide15.slideOut();
			myAppSlide16.slideOut();
		});
	});

	
});