var Elements = Class.create({

	//example
	//var oElements = new Elements( $$( '#secondary-navigation ul li' ) );
	//alert( oElements.get_group() );

	initialize: function( aElements ){
	
		this.aElements = [];
		
		aElements ? this.add_group( aElements ) : false;
	},
	
	add_group: function( aElements ){
	
		this.aElements = this.aElements.concat( aElements );
	},
	
	get_group: function(){
	
		return this.aElements;
	}
});

var EventElements = Class.create( Elements, {

	initialize: function( $super, aElements, sEvent, oBoundEventlistener ){
	
		$super( aElements );
	
		this.aListeners = [];
		
		this.add_listeners( sEvent, oBoundEventlistener );
	},
	
	add_listeners: function( sEvent, oBoundEventlistener ){

		this.aElements.invoke( 'observe', sEvent, oBoundEventlistener );
	}
});

var Tester = Class.create({

	initialize: function(){

	},
	
	test1: function(){
	
		alert( 'whap' );
	},
	
	test2: function( sText ){
	
		alert( sText );
	},
	
	test3: function( oEvent ){
		
		oEvent.findElement( 'ul' ).childElements().invoke( 'setStyle', {'fontWeight': 'normal'} );
		oEvent.findElement( 'li' ).setStyle({'fontWeight': 'bold'});
		//alert( $$( 'a[name="' + oEvent.findElement( 'li' ).readAttribute( 'class' ).split( ' ' )[ 0 ] + '"]' )[ 0 ].offsetTop );
		//alert( $$( 'a[name=""]' ).readAttribute( 'name' ) ); /*.cumulativeOffset.top*/
		//alert( oEvent.element().up( 'li' ) ); //heavier version cssSelector
	},
	
	test4: function( oEvent ){
		
		elemName = oEvent.findElement( 'li' ).readAttribute( 'class' ).split( ' ' )[ 0 ];
		offfsettop = $$( 'a[name="' + elemName + '"]' )[ 0 ].offsetTop;
		if( elemName == 'afwerkingtechnieken' ){ offfsettop += 93 }else if( elemName != 'systeemplafonds' ){ offfsettop += 232 }
		$( 'secondary-navigation' ).setStyle({'top': offfsettop + 4 }); 
		if( elemName == 'systeemplafonds' ){ 
			$$( 'a[name="top"]' )[ 0 ].scrollTo();
			oEvent.stop();
		}
		//alert( $$( 'a[name="' + oEvent.findElement( 'li' ).readAttribute( 'class' ).split( ' ' )[ 0 ] + '"]' )[ 0 ].offsetTop );
		//alert( $$( 'a[name=""]' ).readAttribute( 'name' ) ); /*.cumulativeOffset.top*/
		//alert( oEvent.element().up( 'li' ) ); //heavier version cssSelector
	}
});