$(document).ready(function () {

    $('#inquiry-form').submit(function (e) {
        e.preventDefault();
        var name = $("#enqName").val();
        var description = $("#enqProjectName").val();
        var projectName = $("#enqName").val();
        var budget = $("#enqBudget").val();
        var time = $("#enqTime").val();
        if (name == "" || description == "" || projectName == "") {
            $('div#error-cont').fadeIn();
        } else {
            $('div#error-cont').fadeOut();

            var f = $("#inquiry-form");
            var action = f.attr("action");
            var serializedForm = f.serialize();

            $.ajax({
                url: action,
                dataType: "html",
                data: serializedForm,
                type: "POST",
                success: function (result) {
                    $('div#enquiry-panel').slideUp();
                    if (result == "OK") {
                        $('div#succ-cont').slideDown();

                        $('div#succ-cont').bind("click", function () {
                            $('div#succ-cont').slideUp();
                        });
                    }
                }
            });


        }
    });

    $('#open-panel').click(function (e) {
        e.preventDefault();
        $('div#enquiry-panel').slideToggle();
    });

    $('ul#gallery').cycle({
        fx: 'fade',
        speed: 3000
    });
})

$(function () {
    $("#slider-range").slider({
        range: true,
        min: 2000,
        max: 25000,
        values: [2500, 15000],
        slide: function (event, ui) {
            $("#project-price").text("Between $ " + ui.values[0] + " and $ " + ui.values[1]);
            $("#enqBudget").val("Between $ " + ui.values[0] + " and $ " + ui.values[1]);
        }
    });

    $("#project-price").text("Between $ " + $("#slider-range").slider("values", 0) +
			" and $ " + $("#slider-range").slider("values", 1));
    $("#enqBudget").val("Between $ " + $("#slider-range").slider("values", 0) +
			" and $ " + $("#slider-range").slider("values", 1));

    $("#slider-range-2").slider({
        range: true,
        min: 1,
        max: 20,
        values: [2, 4],
        slide: function (event, ui) {
            $("#project-time").text("Between " + ui.values[0] + " and " + ui.values[1] + " weeks");
            $("#enqTime").val("Between " + ui.values[0] + " and " + ui.values[1] + " weeks");
        }
    });

    $("#project-time").text("Between " + $("#slider-range-2").slider("values", 0) +
			" and " + $("#slider-range-2").slider("values", 1) + " weeks");
    $("#enqTime").val("Between " + $("#slider-range-2").slider("values", 0) +
			" and " + $("#slider-range-2").slider("values", 1) + " weeks");
});