var pageBackgrounds = function() {

	var active = 0;
	var index = 0;
	var els = $$( '#bannersNav li a' );
	var fadeEls = $$( '#bannerBg span' );
	var title = $( 'bannerTitle' );
	var slogan = $( 'slogan' );
	var logos = $$( '#header > h1' );
	
	if( $$('body')[0].id == 'indexB' ) {
		
		if( els.length <= 1 ) return;
		els.each( function( item, index ) {
	
			if( index != 0 ) item.removeClass( 'active' );
	
			item.addEvent( 'click', function( e ) {
				new Event( e ).stop();
				els[active].removeClass( 'active' );
				els[index].addClass( 'active' );
				fadeEls[active].fade( 0 );
				fadeEls[index].fade( 1 );
				logos[index].removeClass( 'hide' );
				logos[active].addClass( 'hide' );
				title.set( 'html', els[index].get( 'title' ) );
				slogan.set( 'html', els[index].get( 'slogan' ) );
				active = index;
			});
		});
	
		var total = els.length;
	
		var p = function() {
	
			if( active == total-1 ) index = 0;
			else index = active+1;
	
			els[active].removeClass( 'active' );
			els[index].addClass( 'active' );
			fadeEls[active].fade( 0 );
			fadeEls[index].fade( 1 );
			logos[index].removeClass( 'hide' );
			logos[active].addClass( 'hide' );
			title.set( 'html', els[index].get( 'title' ) );
			slogan.set( 'html', els[index].get( 'slogan' ) );
			active = index;
	
		};
	
		p.periodical( 5000 );
		
	} else {
		
		var total = fadeEls.length;
		
		var p = function() {
			
			if( active == total - 1 ) index = 0;
			else index = active+1;
	
			fadeEls[active].fade( 0 );
			fadeEls[index].fade( 1 );
			logos[index].removeClass( 'hide' );
			logos[active].addClass( 'hide' );
			active = index;
	
		};
	
		p.periodical( 5000 );
		
	}

};

var workingProjects = function() {

	var els = $$( '#onGoingProjects .projectsList > li' );
	if( els.length == 0 ) return;

	var active = 0;
	var controls = $$( '#onGoingProjects .projectControls li a' );

	var projectsSlider = new Fx.Scroll( $$( '.projectsHolder' )[0], {
		wait: false,
		duration: 500
	}).toElement( els[0] );

	if( controls.length > 0 ) {
		controls.each( function( item, index ) {
			item.addEvent( 'click', function( e ) {
				new Event( e ).stop();
				$( 'projectDetailsWrapper' ).set( 'style', '' );
				projectsSlider.toElement( els[((index+1)*3)-3] );
				controls[active].removeClass( 'active' );
				item.addClass( 'active' );
				active = index;
			});
		});
	}

	var projectBox = $( 'projectDetailsWrapper' );

	var detailsButtons = $$( '#onGoingProjects .viewMore' );
	var detailsBox = $$( '#onGoingProjects li .projectDetailsHolder' );
	detailsButtons.each( function( item, index ) {

		item.addEvent( 'click', function( e ) {
			new Event( e ).stop();
			var fx = new Fx.Tween( projectBox );
			if( item.getParent().hasClass( 'active' ) ) {
				fx.start( 'width', 0 ).chain( function() { 
					projectsSlider.toElement( els[0] );
					controls.removeClass( 'active' );
					controls[0].addClass( 'active' );
					active = 0;
				});
				item.getParent().removeClass( 'active' );
				
			} else {
				item.getParent().addClass( 'active' );
				projectsSlider.toElement( els[index] );
				projectBox.set( 'html', '' );
				projectBox.set( 'html', detailsBox[index].get( 'html' ) );
				projectsSlider.addEvent( 'onComplete', f = function() {
					projectBox.removeClass( 'hide' );
					projectBox.setStyle( 'width', 0 );
					fx.start( 'width', 691 );
					this.removeEvent( 'complete', f );
					loadMap( $$( '#projectDetailsWrapper .mapBlock' )[0] );
					var script = 'http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ea0028b70f95ae8&domready=1';
					if( window.addthis ) window.addthis = null;
					Asset.javascript( script );
				});
			}
		});

	});

};

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

	pageBackgrounds();
	if( $$('body')[0].id == 'indexB' ) workingProjects();

});