var navigationclass = new Class({
	Implements:Options, 	
	
	options:{
		previous: '#previous',
		next: '#next',
		textfield:'#navtext',
		nexttext : 'volgende',
		previoustext: 'vorige'
	},

	initialize: function (options){
		this.setOptions(options);
		
		this.btnPrevious = $$(this.options.previous);
		this.btnNext = $$(this.options.next);
		this.txtLabel = $$(this.options.textfield);
		
		this.txtLabel.set ('html', ' ');
		
		if (this.btnPrevious){
			this.btnPrevious.addEvent("mouseover", function(e){
				this.txtLabel.set('html', this.options.previoustext);
				
			}.bind(this));
			
			this.btnPrevious.addEvent("mouseout", function (e){
				this.txtLabel.set('html', '');
			}.bind(this));
		}
		
		
		if (this.btnNext){
			this.btnNext.addEvent("mouseover", function(e){
				this.txtLabel.set('html', this.options.nexttext);
				
			}.bind(this));
			
			this.btnNext.addEvent("mouseout", function (e){
				this.txtLabel.set('html', '');
			}.bind(this));
		}
	}
	
});