$(document).ready(function(){
    $("ul#navi>li").hover(down,up);
    $('a[target=bild]').click(pic);
    $('a[target=bild2]').click(pic2);
    setCenter();
});
function down(){
      $("ul#navi>li>ul").stop(true,true).delay(100).slideUp("fast");
      $(this).children("ul").stop(true,true).slideDown( "fast");
}
function up(){
      $(this).children("ul").stop(true,true).delay(1000).slideUp( "fast");
}
function setCenter(){
  var newPos=($(window).height()-$('#main').height())/2;
  if(newPos<0)newPos=0;
  $('#main').css('top',newPos+'px');
  if($(window).width()<$('#inner').width()) $('body').css('background-position',"left top");
  else $('body').css('background-position',"center top");

}
// Bilder anzeigen
function pic(tar){
    tar.preventDefault();
    $('#picBox').html('<img src="../pic/loader.gif" id="loader" /><img src="'+$(this).attr("href")+'" onload="setPic()" id="pic">');
    $('#loader').css('display','block');
    $('#pic').css('display','none');
}
function setPic(){
    $('#loader').css('display','none');
    $('#pic').fadeIn();
}
// bilder anzeigen mit Untertitel
function pic2(tar){
         tar.preventDefault();
         var titel=$(this).find('img').attr("alt");
         if(!titel)titel="David Leukert";
         $('#picBox').html('<img src="../pic/loader.gif" id="loader" /><img src="'+$(this).attr("href")+'" onload="setPic2()" id="pic"><div id="desc" style="display:none">'+titel+'</div>');
         $('#loader').css('display','block');
         $('#pic').css('display','none');
}
function setPic2(){
         $('#loader').css('display','none');
         $('#pic').fadeIn();
         $('#desc').fadeIn();
        var y=Math.round((425-$('#pic').height())/2);
        $('#pic').css('bottom',y+'px');
        var y2=Math.round(y-$('#desc').height()) ;
        $('#desc').css('bottom',y2+'px');
}
window.onresize=setCenter;
window.onload=setCenter;