$(document).ready( function() {

    // Set the slider to be sliding
    $(".slider").slider({
	    min: 0,
        max: 181,
		handle: ".handle",
		animate:true,
		slide: function(e,ui)
		{
			$(".slidetosend").css("opacity", 1-(parseInt($(".handle").css("left"))/60));
            //console.log($("input.valid").length);
		},
		stop: function(e,ui)
		{
			    if($(".handle").position().left == 179){
				        send();
			    } else {
				        $(".handle").animate({left: 0}, 500 );
                        $(".slidetosend").animate({opacity: 1}, 500 );
                        return false;
                }
         }

       });

	var send = function() {

        var name = $('#name').attr('value');
        var email = $('#email').attr('value');
        var subject = $('#subject').attr('value');
        var message = $('#message').attr('value');
        var lname = name.length;
        var lemail = email.length;
        var lsub = subject.length;
        var lmessage = message.length;
        //var llabel = $("label.error").length;
        var data = 'name='+ name + '&email=' + email + '&subject=' + subject + '&message=' + message;



        //$("label.error").length == 0
        //console.log(llabel + '-' + lname + '-' + lemail + '-' + lsub + '-' + lmessage);

        //alert (data);return false;

        if($("input.valid").length == 3 && lname >= 2 && lemail >= 6 && lsub >= 2 && lmessage >= 5 ){

                $.ajax({
                    type: "POST",
                    url: "../inc/contact.php",
                    data: data,
                    success: function(){

                        $('#contact_form').slideUp(1500, function() {
                            $('#text').slideUp(1500, function() {
                                $('#container').append("<div id='success'></div>");
                                $('#success').html("<img src='check.png' />")
                                    .append("<p style='font-size: 1.2em;'>Message has been sent!</p>")
                                    .hide()
                                    .fadeIn(1500, function () {
                                        $('#success').append("<p>Thank you for the feedback!</p>");
                                    })
                            })

                        })
                    }
                });
                return false;

        } else {
            $(".handle").animate({left: 0}, 500 );
            $(".slidetosend").animate({opacity: 1}, 500 );
        }

    };
    return false;
});