function initializePager( parent , activePage ) {
	var pages = ( parent == null ? null : parent.getElements( '.pages' ) );
	var nav = ( parent == null ? null : parent.getElements( '.nav' )  );
	var strip = ( pages == null ? null : pages.getElement( '.strip' ) );
	var a = ( nav == null ? null : nav.getElements( 'li' ) );

	if ( a != null && a[0].length >= activePage  ) {
		a[0][activePage].addClass( 'selected' );
		strip.tween('margin-left', -activePage * 960 );
	}
}

window.addEvent('domready', function() {
	var workInProgress = $('work-in-progress');
	if (workInProgress) {
		var toggle = workInProgress.getElement('a');
		var div = workInProgress.getElement('div');
		var close = div.getElement('a');
		toggle.addEvent('click', function(e) {
			e.stop();
			div.removeClass('hide');
			this.addClass('hide');
		});
		close.addEvent('click', function(e) {
			e.stop();
			div.addClass('hide');
			toggle.removeClass('hide');
		});
	}
	var aboutUs = $('servicios');
	
	if (aboutUs) {
		document.getElements('.pages').each(function(pages) {
			var parent = pages.getParent();
			var nav = parent.getElements('.nav li');
			var strip = parent.getElement('.strip');

			var pageIndicator = parent.getElements('.page-indicator li');
			
			nav.each(function(item, i) {
				
				var pageChange = function(e) {
					e.stop();
					var val = -i * 960;
					var href = item.getElement('a').get('href');
					nav.removeClass('selected');
					pageIndicator.removeClass('selected');
					nav[i].addClass('selected');
					pageIndicator[i].addClass('selected');
					strip.tween('margin-left', val);
				};
				
				
				item.addEvent('click', pageChange);
				
				pageIndicator[i].addEvent('click', pageChange);
			});		
			
		});
                var cuales=aboutUs.getElements('.pages span.ver_mas');
                cuales.addEvent('click', function(e) {      
				e.stop();
                                var me=this,
                                elemento=$('servicios').getElement('.nav ul li.selected'),
                                indice=$('servicios').getElements('.nav ul li').indexOf(elemento),                             
				id = 'otrasObras',
				el = $(id); 
                                if(indice<6){
				if (el) {
					 new Fx.Scroll(window,{
                                             onComplete: function(){
                                               var elem=$('otrasObras').getElements('.nav ul li')[indice];
                                               
                                               $('otrasObras').getElement('.nav ul li.selected').removeClass('selected')
                                               elem.addClass('selected');
                                               var ee = new Event(e);
                                               $(elem).fireEvent('click',ee);
                                             }
                                         }).start(0, el.getPosition().y - 100);
				}
                                }
			
                    
                });
	}
        
	
	document.getElements('a[href^=mailto:firstname]').each(function(a) {
	      var name = a.get('title').toLowerCase();
	      if (!a.hasClass('only')) {
	    	  a.set('text', a.get('text').replace('firstname', name));
	      }
	      a.set('href', a.get('href').replace('firstname', name));
	      // for ie6
	      if (!a.hasClass('only')) {
	    	  a.set('text', a.get('text').replace('firstname', name));
	      }
	});
	
	var nav = $('nav-bar');
	if (nav) {
		var links = $('header').getElements('.content ul a');		
		links.addEvent('click', function(e) {
			var href = this.get('href');
			if (href.substr(0, 1) == '#') {
				e.stop();
				var id = href.substr(1);
				var el = $(id); 
				if (el) {
					 new Fx.Scroll(window).start(0, el.getPosition().y - 100);
				}
			}
		});

		var links = nav.getElements('a');
		
		links.addEvent('click', function(e) {
			var href = this.get('href');
			if (href.substr(0, 1) == '#') {
				e.stop();
				var id = href.substr(1);
				var el = $(id); 
				if (el) {
					 new Fx.Scroll(window).start(0, el.getPosition().y - 100);
				}
			}
		});
		var positions = [];
		links.each(function(a) {
			var href = a.get('href');
			if (href.substr(0, 1) == '#') {
				
				var id = href.substr(1);
				var el = $(id); 
				if (el) {
					var pos = el.getPosition().y;
					if (pos > 0) {
						pos = pos  - 140;
					}
					if (id == 'top') {
						id = 'home';
					}
					positions.include({'id': id, 'pos': pos});
				}
			}
		});
		positions = positions.reverse();
		var len = positions.length;
		window.addEvent('scroll', function(e) {
			var y = window.getScroll().y;
			
			if (y > 500 && nav.hasClass('hidden')) {
				nav.set('tween', {onComplete: function() {nav.removeClass('hidden');}})
				nav.fade('in');
			}
			if (y < 500) {
				nav.set('tween', {onComplete: function() {nav.addClass('hidden');}})
				nav.fade('out');				
			}
			
			for (var x = 0;x < len; x++) {
				if (y >= positions[x].pos) {
					var sel = nav.getElement('.selected');
					if (!sel || (sel.get('href') != '#' + positions[x].id)) {
						links.removeClass('selected');
						var l = nav.getElement('li.' +positions[x].id+' a');
						
						if (l) {
							l.addClass('selected');
						}
					}
					break;
				}
			}
		});
	}
	
	//modal box
	new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true,over:1});
	new MultiBox('mbi', {descClassName: 'multiBoxDesci', useOverlay: true,over:2});
	
	initializePager( $( 'servicios' ), 0 );
	initializePager( $( 'otrasObras' ), 3 );
});