$(document).ready(function() {
  
  //CENTER VIEWPORT
  
  var viewport = {
    dimension : {
      Width : $(window).width(),
      Height : $(window).height()
    }
  };
  
  var centerContainer = {
    dimension : {
      Width : $('div.center').width(),
      Height : $('div.center').height()
    }
  };
	
  function checkDimension () {
    if(centerContainer.dimension.Height > viewport.dimension.Height) {      
      $('div.center').css({ marginLeft : -353 + 'px'});
    }
  };
  
	function setBodyHeight () {
		$('body').height(centerContainer.dimension.Height);
	};

  checkDimension();
  setBodyHeight(); 

  $(window).resize(function() {
    viewport.dimension.Width = $(window).width();
    viewport.dimension.Height = $(window).height();
    checkDimension();
  });  
        
   var menuDefaultColor = 0;
   
   $('div#menu a').hover(
    function(){
      menuDefaultColor = $(this).css('color');
      $(this).animate({color: '#333333'}, 200);
      // $(this).find('span.dunkelrot').parent().css('cursor', 'default');
    }, 
    function(){
      $(this).animate({color: menuDefaultColor}, 200);
    });
   
   var dunkelrotDefault = $('a.dunkelrot').css('backgroundColor');
   
   $('a.dunkelrot').hover(
    function(){
      $(this).animate({backgroundColor: '#B93B3B'}, 200);
    }, 
    function(){
      $(this).animate({backgroundColor: dunkelrotDefault}, 200);
    });
    
    var hellrotDefault = $('a.hellrot').css('backgroundColor');
        
    $('a.hellrot').hover(
      function(){
        $(this).animate({backgroundColor: '#EF313D'}, 200);
      }, 
      function(){
        $(this).animate({backgroundColor: hellrotDefault}, 200);
    });
      
});