jQuery(document).ready(function() {
  
  $projPrev = jQuery('body.page-projekte table.views-view-grid td .views-field-field-project-preview');
  $projPrev.mouseover(function() {
    if (!jQuery(this).hasClass('tags-shown-image') && !jQuery(this).hasClass('tags-shown-tags')) {
      jQuery(this).parent().find('ul').stop(true, true).fadeIn();
    };
    jQuery(this).addClass('tags-shown-image');
  });
  
  $projPrev = jQuery('body.page-projekte table.views-view-grid td ul');
  $projPrev.mouseover(function() {
    if (!jQuery(this).hasClass('tags-shown-image') && !jQuery(this).hasClass('tags-shown-tags')) {
      jQuery(this).parent().find('ul').stop(true, true).fadeIn(0, 1);
    };
    jQuery(this).addClass('tags-shown-tags');
  });
  
  
  $projPrev = jQuery('body.page-projekte table.views-view-grid td .views-field-field-project-preview');
  $projPrev.mouseout(function() {
    if (jQuery(this).hasClass('tags-shown-image') && !jQuery(this).hasClass('tags-shown-tags')) {
      jQuery(this).parent().find('ul').stop(true, true).fadeOut(0, 1);
    };
    jQuery(this).removeClass('tags-shown-image');
  });
  
  
  $projPrev = jQuery('body.page-projekte table.views-view-grid td ul');
  $projPrev.mouseout(function() {
    if (jQuery(this).hasClass('tags-shown-image') && !jQuery(this).hasClass('tags-shown-tags')) {
      jQuery(this).parent().find('ul').stop(true, true).fadeOut();
    };
    jQuery(this).removeClass('tags-shown-tags');
  });

  //setInterval('viewport()', 100);
  
  //jQuery('body.node-type-unit #bg-unit').show();

});

function viewport(){
  var viewportwidth;
  var viewportheight;
  var viewportratio;
  var picwidth = 1590;
  var picheight = 800;
  var picratio = picwidth / picheight;

  // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
  if (typeof window.innerWidth != 'undefined') {
    viewportwidth = window.innerWidth,
    viewportheight = window.innerHeight
  }

  // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
  else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
    viewportwidth = document.documentElement.clientWidth,
    viewportheight = document.documentElement.clientHeight
  }

  // older versions of IE
  else {
    viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    viewportheight = document.getElementsByTagName('body')[0].clientHeight
  }
  
  viewportratio = viewportwidth / viewportheight;
  
  if (picratio < viewportratio) {
    jQuery('div#bg-unit').css('height', viewportheight + 'px');
    jQuery('div#bg-unit img').css('height', 'auto');
    jQuery('div#bg-unit img').css('width', viewportwidth + 'px');
  };
  
  if (picratio > viewportratio) {
    jQuery('div#bg-unit').css('height', viewportheight + 'px');
    jQuery('div#bg-unit img').css('height', viewportheight + 'px');
    jQuery('div#bg-unit img').css('width', 'auto');
  };
};