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

var mySlideWebsites = new Fx.Slide('sub_websites', {mode: 'horizontal'});
var mySlideLogotypes = new Fx.Slide('sub_logotypes', {mode: 'horizontal'});
/*var mySlideCi = new Fx.Slide('sub_ci', {mode: 'horizontal'});
*/
	mySlideWebsites.hide();
	mySlideLogotypes.hide();
/*	mySlideCi.hide();
*/	
	
	setActiveLink('c_1_1');
	
function resetLinks(){
	setPassiveLink('home');
	setPassiveLink('web');
	
	setPassiveLink('logotypes');
/*	setPassiveLink('ci');
*/
	
	setPassiveLink('c_1_1');
	setPassiveLink('c_1_2');
	setPassiveLink('c_1_3');
	
	setPassiveLink('c_2_1');
	setPassiveLink('c_2_2');
	setPassiveLink('c_2_3');
	
	setPassiveLink('c_3_1');
	setPassiveLink('c_3_2');
}

function setActiveLink(nameId){ $(nameId).setStyles('color: #fff; cursor:text; font-weight: bolder;'); }
function setPassiveLink(nameId){ $(nameId).setStyles('cursor:pointer; font-weight: normal;'); }

	var scroll = new Fx.Scroll('demo-wrapper', {
		wait: false,
		duration: 700,

		transition: Fx.Transitions.Quad.easeInOut
	});


		$('home').addEvent('click', function(event) {
			event = new Event(event);
			
			mySlideWebsites.hide();
			mySlideLogotypes.hide();
		/*	mySlideCi.hide();
		*/	
			event.stop();

			scroll.toElement('content_1_1');

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

			mySlideWebsites.slideIn();
			mySlideLogotypes.hide();
		/*	mySlideCi.hide();
		*/	
			event.stop();

			scroll.toElement('content_2_3');

			resetLinks();
			setActiveLink('c_2_3');
			setActiveLink('web');
			
		});

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

			mySlideWebsites.hide();
			mySlideLogotypes.slideIn();
		/*	mySlideCi.hide();
		*/	
			event.stop();

			scroll.toElement('content_3_2');

			resetLinks();
			setActiveLink('c_3_2');
			setActiveLink('logotypes');
		});
/*
		$('ci').addEvent('click', function(event) {
			event = new Event(event);
			
			mySlideWebsites.hide();
			mySlideLogotypes.hide();
			mySlideCi.slideIn();
			
			
			event.stop();

			scroll.toElement('content_3_1');

			resetLinks();
			setActiveLink('ci');
		});
*/
		$('c_1_1').addEvent('click', function(event) {
			event = new Event(event).stop();
			mySlideWebsites.hide();
			mySlideLogotypes.hide();
			
			scroll.toElement('content_1_1');
			
			resetLinks();
			setActiveLink('c_1_1');
		});

		$('c_1_2').addEvent('click', function(event) {
			event = new Event(event).stop();
			mySlideWebsites.hide();
			mySlideLogotypes.hide();
		
			scroll.toElement('content_1_2');
		
			resetLinks();
			setActiveLink('c_1_2');
		});

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

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

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

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

			resetLinks();
			setActiveLink('c_2_3');
			setActiveLink('web');
		});
		
		$('c_3_1').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_3_1');

			resetLinks();
			setActiveLink('c_3_1');
			setActiveLink('logotypes');
		});
		
		$('c_3_2').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('content_3_2');

			resetLinks();
			setActiveLink('c_3_2');
			setActiveLink('logotypes');
		});
});