$(document).ready( function() {
  $('.preview_img').click( function() {
    var id = $(this).attr('id');
    var ar_id = id.split('_');
    var src = $(this).attr('class');
    var ar_src = src.split(' ');
    $('#project_'+ar_id[2]).attr('src', '/uploads/project/'+ar_src[1]);
  });

  $('#nav_archiv').mouseover( function() {
    $('#sub_archiv').css({display: "block"});
    $('#nav_archiv span:first').css({color: "#000"});
  });
  $('#nav_archiv').mouseout( function() {
    $('#sub_archiv').css({display: "none"});
    $('#nav_archiv span:first').css({color: "#999"});
  });
  
  $('#nav_buero').mouseover( function() {
    $('#sub_buero').css({display: "block"});
    $('#nav_buero span:first').css({color: "#000"});
  });
  $('#nav_buero').mouseout( function() {
    $('#sub_buero').css({display: "none"});
    $('#nav_buero span:first').css({color: "#999"});
  });
  
  $('#nav_beg').mouseover( function() {
    $('#sub_beg').css({display: "block"});
    $('#nav_beg a').css({color: "#000"});
  });
  $('#nav_beg').mouseout( function() {
    $('#sub_beg').css({display: "none"});
    $('#nav_beg a').css({color: "#999"});
  });
});