$().ready(function(){
    $.scrollTo(0); //reset the screen to (0,0)
    $('#portfolio_wrapper').scrollTo(0); //reset portfolio_wrapper to (0,0)
    $('.clientpic_slider').scrollTo(0); //reset clientpic_slider to (0,0)
    var actCustomer = 0;
    var actImage    = 0;

    /* IMG-SCROLLER F†R DIE PORTFOLIO-BILDER ANZEIGEN */
    $('.btn_imgscroll').bind("click", function(e) {
      e.preventDefault();
      $(this)
        .blur()
        .parents('.clientpic_wrapper')
        .find('.clientpic_slider')
        .stop()
        .scrollTo('img:eq('+(parseInt($(this).attr("href")) - 1)+')', 800, {offset: {top:-7, left:0} });
      return false;
    });
    /* SCROLLFUNKTION F†R DIE KUNDEN-DIVS */
    $('.btn_prev')
      .hover(
        function() { $(this).attr("src", $(this).attr("src").replace(".gif", "") + "_mo.gif").css({ cursor: "pointer" }); },
        function() { $(this).attr("src", $(this).attr("src").replace("_mo", "")).css({ cursor: "default" }); }
      )
      .bind("click", function(e) {
        $(this).blur();
        e.preventDefault;
        if(actCustomer-1 >= 0) {
          $('#portfolio_wrapper').stop().scrollTo( $('#portfolio_wrapper .subcolumns:eq('+(actCustomer-1)+')'), 800 );
          actCustomer--;
        }
        else {
          //WENN BEIM ERSTEN BILD => ZUM LETZTEN SPRINGEN
          $('#portfolio_wrapper').stop().scrollTo( $('#portfolio_wrapper .subcolumns:eq('+($('#portfolio_wrapper .subcolumns').length-1)+')'), 800 );
          actCustomer = $('#portfolio_wrapper .subcolumns').length-1;
        }
        actImage = 0;
        return false;
      });
    $('.btn_next')
      .hover(
        function() { $(this).attr("src", $(this).attr("src").replace(".gif", "") + "_mo.gif").css({ cursor: "pointer" }); },
        function() { $(this).attr("src", $(this).attr("src").replace("_mo", "")).css({ cursor: "default" }); }
      )
      .bind("click", function(e) {
        $(this).blur();
        e.preventDefault;
        if(actCustomer+1 < $('#portfolio_wrapper .subcolumns').length) {
          $('#portfolio_wrapper').stop().scrollTo( $('#portfolio_wrapper .subcolumns:eq('+(actCustomer+1)+')'), 800 );
          actCustomer++;
        }
        else {
          //WENN BEIM LETZTEN BILD => ZUM ERSTEN SPRINGEN
          $('#portfolio_wrapper').stop().scrollTo( $('#portfolio_wrapper .subcolumns:eq(0)'), 800 );
          actCustomer = 0;
        }
        actImage = 0;
        return false;
      });
    $.localScroll({duration:800, offset: {top:-5} });

    /*
     * FORMATIERUNG DER INPUTFELDER:
     *   Felder mit "title" werden mit diesem als AusfŸll-Hinweis vorbesetzt
     *   Bei focus() wird der Hinweis ausgeblendet
     *   Ohne Eingabe wird bei blur() der Hinweis wieder angezeigt
     */
    $('input[title]:not(:password)').each(function() {
      $(this)
        .addClass("hint")
        .val($(this).attr("title"))
        .bind("focus", function(){
          $(this).removeClass("hint").val("");
        })
        .bind("blur", function(){
          if($(this).val() == "" || $(this).val() == $(this).attr("title"))
            $(this).addClass("hint").val($(this).attr("title"));
        })
    });

    $('textarea[title]').each(function() {
      $(this)
        .addClass("hint")
        .val($(this).attr("title"))
        .bind("focus", function(){
          $(this).removeClass("hint").val("");
        })
        .bind("blur", function(){
          if($(this).val() == "" || $(this).val() == $(this).attr("title"))
            $(this).addClass("hint").val($(this).attr("title"));
        })
    });

    $('#submit').mouseover(function() { $(this).attr("src", "./gfx/formularbutton_o.gif") });
    $('#submit').mouseout(function() { $(this).attr("src", "./gfx/formularbutton.gif") });
    $('#submit').click(function() { check(); });
    $('#form').submit(function() { check(); });

    function check() {
      $("div#left input.iError").removeClass("iError").addClass("i");
      if($("#name").val() == "" || $("#name").val() == $("#name").attr("title")) {
        $("#name").addClass("iError");
      }
      else if($("#email").val() == "" || $("#email").val() == $("#email").attr("title")) {
        $("#email").addClass("iError");
      }
      else if($("#msg").val() == "" || $("#msg").val() == $("#msg").attr("title")) {
        $("#msg").addClass("iError");
      }
      else {
        $.ajax({
          url   : "ajax_form.php",
          type  : "GET",
          data  : {
            "name"                   :$("#name").val(),
            "email"                 :$("#email").val(),
            "msg"                   :$("#msg").val()
          },
          dataType: "json",
          timeout	: 1000,
          error : function(){
            alert('Bei der †berprŸfung Ihrer Daten ist ein Fehler aufgetreten!<br />Die Technik wurde informiert!');
          },
          success : function(data){
            if(data.error == "") {
              $('#form').empty('').append('<img src="./gfx/thanks.gif" style="margin-left:40px;margin-top:30px;">');
            }
            else{
              alert(data.msg);
            }
          } //success	: function(data){
        }); //$.ajax({
      } //if/else/else/elseif
    } //function

});