var plugin_resize_navigation = function() {
  if (Browser.Engine.trident && Browser.Engine.version < 5) return; // #TODO for IE-based Browsers

	var header = $$('.header')[0]
	var page = $$('.page')[0]
	
	var header_height   = 328;
	
	
	var footer = $$('.footerContainer')[0]
	var navigation = $$('.navigationContainer')[0]
	var menueRight = $$('.menueRight')
	
  
  	 var set_navigation_size = function(height) {
  	 	    navigation.setStyles({'height' : height})
			
			
  	 	}

  	var set_menueRight_size = function(height) {
		menueRight.each(function(element){
		element.setStyles({'height' : height})
	
		})
	}
  
  var resize = function () {
    var current_position = window.getScroll().y
    var window_height = window.getHeight();
                        
    var footer_height = 58 
	
     var nav_height = window_height + current_position - footer_height - header_height - 1

	if(nav_height <= 300) {
		 set_navigation_size(320)
	     set_menueRight_size(320)
	} else {
	  set_navigation_size(nav_height)
      set_menueRight_size(nav_height)
    }
  }
  
  
  resize()

  
  window.addEvent('resize', function() {
      resize()
  }) 

  window.addEvent('scroll', function() {
      resize()
  }) 
  	   	   	
}