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

var mySlideAbout = new Fx.Slide('sub_about', {mode: 'horizontal'});
var mySlidePortofolio = new Fx.Slide('sub_portfolio', {mode: 'horizontal'});

var accordion = new Accordion('h3.atStart', 'div.atStart', {
	opacity: false,
	onActive: function(toggler, element){
		toggler.setStyles('font-weight: bold; display: block; border: none; cursor: text;');
	},
 
	onBackground: function(toggler, element){
		toggler.setStyles('font-weight: normal; display: inline; border-bottom: 1px dashed #000; cursor: pointer;');
	}
}, $('accordion'));

var newTog = new Element('h3', {'class': 'toggler'}).setHTML('Common descent');


function resetLinks(){

	setPassiveLink('home');
	setPassiveLink('who');
	setPassiveLink('whats-new');
	setPassiveLink('contacts');
	
	setPassiveLink('c_1_1');
	setPassiveLink('c_1_2');
	setPassiveLink('c_1_3');
	setPassiveLink('c_1_4');
	
	setPassiveLink('c_2_1');
	setPassiveLink('c_2_2');
	setPassiveLink('c_2_3');
	setPassiveLink('c_2_4');
	setPassiveLink('c_2_5');
	setPassiveLink('c_2_6');
	setPassiveLink('c_2_7');
	setPassiveLink('c_2_8');
	setPassiveLink('c_2_9');
	setPassiveLink('c_2_10');

}

function setActiveLink(nameId){ $(nameId).setStyles('border: none; cursor:text; background: #fff; font-weight: bolder;'); }
function setPassiveLink(nameId){ $(nameId).setStyles('border-bottom: 1px dashed #000; cursor:pointer; background: #fff; font-weight: normal;'); }



	var scroll = new Fx.Scroll('demo-wrapper', {
		wait: false,
		duration: 700,
		offset: {'x': -100, 'y': -100},
		transition: Fx.Transitions.Quad.easeInOut
	});


		$('home').addEvent('click', function(event) {
			event = new Event(event);

			mySlideAbout.slideIn();
			mySlidePortofolio.hide();

			event.stop();

			scroll.toElement('content_1_1');

			resetLinks();
			setActiveLink('who');
			setActiveLink('c_1_1');
		});
	
		$('who').addEvent('click', function(event) {
			event = new Event(event);

			mySlideAbout.slideIn();
			mySlidePortofolio.hide();

			event.stop();

			scroll.toElement('content_1_1');

			resetLinks();
			setActiveLink('who');
			setActiveLink('c_1_1');
		});

		$('whats-new').addEvent('click', function(event) {
			event = new Event(event);

			mySlideAbout.hide();
			mySlidePortofolio.slideIn();

			event.stop();

			scroll.toElement('content_2_1');

			resetLinks();
			setActiveLink('whats-new');
			setActiveLink('c_2_1');
		});

		$('contacts').addEvent('click', function(event) {
			event = new Event(event);

			mySlideAbout.hide();
			mySlidePortofolio.hide();

			event.stop();

			scroll.toElement('content_3_1');

			resetLinks();
			setActiveLink('contacts');
		});




		$('c_1_1').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_1');

			resetLinks();
			setActiveLink('c_1_1');
			setActiveLink('who');

		});

		$('c_1_2').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_2');

			resetLinks();
			setActiveLink('c_1_2');
			setActiveLink('who');

		});

		$('c_1_3').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_3');

			resetLinks();
			setActiveLink('c_1_3');
			setActiveLink('who');
		});

		$('c_1_4').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_1_4');

			resetLinks();
			setActiveLink('c_1_4');
			setActiveLink('who');

		});




		$('c_2_1').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_1');

			resetLinks();
			setActiveLink('c_2_1');
			setActiveLink('whats-new');
		});

		$('c_2_2').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_2');

			resetLinks();
			setActiveLink('c_2_2');
			setActiveLink('whats-new');
		});

		$('c_2_3').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_3');

			resetLinks();
			setActiveLink('c_2_3');
			setActiveLink('whats-new');
		});

		$('c_2_4').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_4');

			resetLinks();
			setActiveLink('c_2_4');
			setActiveLink('whats-new');
		});

		$('c_2_5').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_5');

			resetLinks();
			setActiveLink('c_2_5');
			setActiveLink('whats-new');
		});

		$('c_2_6').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_6');

			resetLinks();
			setActiveLink('c_2_6');
			setActiveLink('whats-new');
		});

		$('c_2_7').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_7');

			resetLinks();
			setActiveLink('c_2_7');
			setActiveLink('whats-new');
		});

		$('c_2_8').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_8');

			resetLinks();
			setActiveLink('c_2_8');
			setActiveLink('whats-new');
		});

		$('c_2_9').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_9');

			resetLinks();
			setActiveLink('c_2_9');
			setActiveLink('whats-new');
		});

		$('c_2_10').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_2_10');

			resetLinks();
			setActiveLink('c_2_10');
			setActiveLink('whats-new');
		});

Tips= new Tips($$('.tips'));


if(window.location.href == "http://"+window.location.host+"/light/eng/#/who")
 	{
		mySlideAbout.show();
		mySlidePortofolio.hide();

		scroll.toElement('content_1_1');
		
		resetLinks();
		setActiveLink('who');
		setActiveLink('c_1_1');
	}
 	else if(window.location.href == "http://"+window.location.host+"/light/eng/#id")
 	{

	}
 	else if(window.location.href == "http://"+window.location.host+"/light/eng/#/whats-new")
 	{
		mySlideAbout.hide();
		mySlidePortofolio.show();

		scroll.toElement('content_2_1');
		
		resetLinks();
		setActiveLink('whats-new');
		setActiveLink('c_2_1');
	}
 	else if(window.location.href == "http://"+window.location.host+"/light/eng/#/contacts")
 	{
		mySlideAbout.hide();
		mySlidePortofolio.hide();

		scroll.toElement('content_3_1');
		
		resetLinks();
		setActiveLink('contacts');
	}
 	else
 	{
		mySlideAbout.show();
		mySlidePortofolio.hide();

		scroll.toElement('content_1_1');
		
		resetLinks();
		setActiveLink('who');
		setActiveLink('c_1_1');
	}


	var myPreloader = new Fx.Slide('preloader', {mode: 'vertical'});
	myPreloader.hide();

});