var showProductNavigation = function() {
    document.getElementById('nav_b1_arrow').className = 'arrow_active';
    document.getElementById('nav_b1').style.backgroundImage = 'none';
    document.getElementById('nav_b1').style.backgroundColor = '#ffffff';
    document.getElementById('navigation_produkte').style.display = 'block';
    document.getElementById('navigation_produkte_whitespace').style.display = 'block';
  };
  
  var hideProductNavigation = function() {
    document.getElementById('navigation_produkte').style.display = 'none';
    document.getElementById('navigation_produkte_whitespace').style.display = 'none';
    document.getElementById('nav_b1_arrow').className = 'arrow';
    document.getElementById('nav_b1').style.backgroundImage = 'url(img/background_navigation.png)'; 
  };
  
  var showStyleNavigation = function() {
    document.getElementById('nav_b2_arrow').className = 'arrow_active';
    document.getElementById('nav_b2').style.backgroundImage = 'none';
    document.getElementById('nav_b2').style.backgroundColor = '#ffffff';
    document.getElementById('navigation_style').style.display = 'block';
    document.getElementById('navigation_style_whitespace').style.display = 'block'; 
  };
  
   var hideStyleNavigation = function() {
    document.getElementById('navigation_style').style.display = 'none';
    document.getElementById('navigation_style_whitespace').style.display = 'none';
    document.getElementById('nav_b2_arrow').className = 'arrow';    
    document.getElementById('nav_b2').style.backgroundImage = 'url(img/background_navigation.png)';
   };
      
  $(function(){
    $('#nav_b1').mouseover(function() {
      showProductNavigation();
    });
    $('#nav_b1').mouseout(function() {
      hideProductNavigation();
    });
    
    $('#navigation_produkte').mouseover(function() {
      showProductNavigation();
    });
    $('#navigation_produkte').mouseout(function() {
      hideProductNavigation();
    });
    
    $('#navigation_produkte_whitespace').mouseover(function() {
      showProductNavigation();
    });    
    $('#navigation_produkte_whitespace').mouseout(function() {
      hideProductNavigation();
    });
    
    
    $('#nav_b2').mouseover(function() {
      showStyleNavigation();
    });
    $('#nav_b2').mouseout(function() {
      hideStyleNavigation();
    });
    
    $('#navigation_style').mouseover(function() {
      showStyleNavigation();
    });
    $('#navigation_style').mouseout(function() {
      hideStyleNavigation();
    });
    
    $('#navigation_style_whitespace').mouseover(function() {
      showStyleNavigation();
    });
    $('#navigation_style_whitespace').mouseout(function() {
      hideStyleNavigation();
    });    
    
  });