$(document).ready(function(){

    //-----------------------------------------------------
    // erstes bild einblenden
    $("#div_content_img").fadeIn(500);

    //-----------------------------------------------------
    // Mouse effects auf Bildnummern
    if(!aktiveProdDivId){
        var aktiveId = $("#akt_prod_id").attr("title");
        var aktiveProdDivId = "prod_div_" +aktiveId ;
        var aktiveALinkId = "aprod_" + aktiveId;
    }
    $("#"+aktiveALinkId).css({'color':'#FF0000'});
    $("#"+aktiveProdDivId).css({'visibility':'visible'});

    $("a[id^=aprod]").each(function(index){
        var currentALinkId = $(this).attr("id");
        var id = currentALinkId.substr(6,currentALinkId.length);
        var currProdDivId = "prod_div_"+id;

        $(this).bind("mouseenter", function(evnt){
            $("#"+aktiveProdDivId).hide();
            $("#"+currProdDivId).attr("style","visibility:visible;");
            $("#"+currProdDivId).show();
            $("#"+currentALinkId).css({'color':'#FF0000'});
            $("#"+aktiveALinkId).css({'color':'#ffffff'});
        });

        $(this).bind("mouseleave", function(evnt){
            $("#"+currProdDivId).hide();
            $("#"+aktiveProdDivId).attr("style","visibility:visible;");
            $("#"+aktiveProdDivId).show();
            $("#"+currentALinkId).css({'color':'#ffffff'});
            $("#"+aktiveALinkId).css({'color':'#FF0000'});
        });

        $(this).bind("click", function(evnt){
            evnt.preventDefault();
            var srcImage = '/fotos/'+$(this).attr("name");
            var oImage = new Image();
            oImage.src = srcImage;
            $("#content_img")
                .fadeOut(300)
                .queue(function(){
                    $(this).attr("src", srcImage);
                    $(this).fadeIn(300);
                    $(this).dequeue();
                });
            aktiveALinkId = currentALinkId;
            aktiveProdDivId = currProdDivId;
        });
    });


  //-----------------------------------------------------
  // Scrolling für Referenzen
    $("#scrollbutton_up").bind("mousedown", function(event){
        $("#inhalt").animate({marginTop:0},{
          queue:false,
          duration:2000,
          easing:"linear"
        });
    });
    $("#scrollbutton_up").bind("mouseup", function(event){
        $("#inhalt").stop();
    });


    $("#scrollbutton_down").bind("mousedown", function(event){
      $("#inhalt").animate({marginTop:-2000},{
        queue:false,
        duration:10000,
        easing:"linear"
      });
    });
    $("#scrollbutton_down").bind("mouseup", function(event){
        $("#inhalt").stop();
    });


  //-----------------------------------------------------
  // bei allen Elementen Rähmchen bei a active entfernen
  $("*").focus(function(event){
    if($(this).blur) $(this).blur();
  });


  //-----------------------------------------------------
  // email eintragen
  if($('#email')){
    $('#email').html("info@geiervisuell.com");
  }
  
});