$(function() {


    //calling autofill plugin
    $('#search-input').autofill({
        value: "Search...",
        defaultTextColor: "#2D363B"
    });

    // Custom Script
    // calculate and set absolute left position for navi
    // to make it horizontally centered
    var navWidth = $(".navi").width();
    var galWidth = $("#slider").width();
    $(".navi").css({ 'left': ((galWidth - navWidth) / 2) + "px" });

    // Ajax PHP Contact Form
    // Based on tutorial by Jeffrey Way, http://blog.themeforest.net/tutorials/how-to-create-a-contact-form-using-php-and-ajax/

    var paraTag = $('input#submit').parent('p');
    $(paraTag).children('input').remove();
    $(paraTag).append('<input class="button" type="button" name="submit" id="submit" tabindex = "5" value="Send" />');

    $('#contact-main input#submit').click(function() {
        $('#contact-main p.button').append('<img src="images/ajax-loader.gif" class="loaderIcon" alt="Loading..." />');

        var name = $('#name').val();
        var email = $('#email').val();
        var message = $('textarea#message').val();

        $.ajax({
            type: 'POST',
            url: 'ContactAJAX.ashx',
            data: '{name:"' + name + '",email:"' + email + '",message:"' + message + '"}',
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            //            error: function(xhr, ajaxOptions, thrownError) { alert('error dude'); alert(xhr.statusText); alert(xhr.responseText); },
            success: function(result) {
                $('#contact-main img.loaderIcon').fadeOut(1000);
                $('div#response').html('thank you');
                var responseStatus = $('div#response p').attr('class');
                $('div#response').removeClass().addClass(responseStatus);
                if (responseStatus == 'success')
                    $("form")[0].reset();
                $('#emailsent').show();
            }
        });



    });
});