$(document).ready(function() {
    //survey questions
    $(".survey_slider").slider({
            value:0,
            min: 1,
            max: 5,
            step: 1,
            slide: function(event, ui) {
                    $(this).parents("form").find("input[name='data[SurveyResponse][rating]']").val(ui.value);
            }
    });
    var slider_track = 0;

    //slider questions
    $('.survey_slider').bind('slidechange', function(event, ui) {
        var formData = $(this).parents("form").serialize();
        var thisResponse = this;
        
        /* ajax for saving responses */
        $.ajax({
            type: "POST",
            url: "/survey_responses/save/",
            data: formData,
            beforeSend: function() {
                
                $(thisResponse).parents("tr").find("div[class='spinner']").show().find("div").text();
                //in case there was an error
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("blank_icon");
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("cross_icon");
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("icon");
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("tick_icon");
                
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("loading");
            },
            success: function(msg) {
                response = msg.split(" ");
                
                //if it failed,
                if (response[0] != "success")
                {
                    $(thisResponse).parents("tr").find("div[class='spinner']").show();/*.find("div").text("Shoot.  We couldn't save your response for some reason.  Please try again later");*/
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("icon");
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("blank_icon");
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("loading");
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("error_icon");
                }
                //succeeded
                else
                {
                
                    $(thisResponse).parents("tr").find("div[class='spinner']").text();
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("loading");
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("tick_icon");
                    
                    checkComplete();
                    
                    //$(thisResponse).parents("tr").find(".question_name").css("background-color", "#C1E39F");
                }
            }
        }); //ajax
    }); //survey_slider
    
function checkComplete()
{
    var total = 0;
    $('.survey_question').each( function() {
        //alert($(this).find("div[class='spinner']").html());
        if (!$(this).find("div[class='spinner']").find("div").hasClass("tick_icon"))
            total++;
    });
    
    if (total == 0)
    {
        $(".survey_title").fadeOut(3000);
        $(".survey").html("<p align=\"center\">Thank you for taking the survey!</p>");
        $(".survey").fadeOut(5000);
    }
    
} //isComplete
    
    //yes/no questions
    $('.survey_question').find('.button').click(function(event)
    {
        event.preventDefault();
        if ($(this).hasClass('yes'))
        {
            //it's a yes
            $(this).parents("form").find("input[name='data[SurveyResponse][rating]']").val(1);
        } else if ($(this).hasClass('no'))
        {
            //it's a no
            $(this).parents("form").find("input[name='data[SurveyResponse][rating]']").val(0);
        } else if ($(this).hasClass('n-a'))
        {
            //it's a no
            $(this).parents("form").find("input[name='data[SurveyResponse][rating]']").val(0);
        } else
        {
            //error...
            alert('error');
        }
        
        var formData = $(this).parents("form").serialize();
        var thisResponse = this;
        
        /* ajax for saving responses */
        $.ajax({
            type: "POST",
            url: "/survey_responses/save/",
            data: formData,
            beforeSend: function() {                
                $(thisResponse).parents("tr").find("div[class='spinner']").show().find("div").text();
                //in case there was an error
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("blank_icon");
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("cross_icon");
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("icon");
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("tick_icon");
                
                $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("loading");
            },
            success: function(msg) {
                response = msg.split(" ");
                
                //if it failed,
                if (response[0] != "success")
                {
                    $(thisResponse).parents("tr").find("div[class='spinner']").show();/*.find("div").text("Shoot.  We couldn't save your response for some reason.  Please try again later");*/
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("icon");
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("blank_icon");
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("loading");
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("error_icon");
                }
                //succeeded
                else
                {
                    $(thisResponse).parents("tr").find("div[class='spinner']").text();
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").removeClass("loading");
                    $(thisResponse).parents("tr").find("div[class='spinner']").find("div").addClass("tick_icon");
                    
                    checkComplete();
                    //$(thisResponse).parents("tr").find(".question_name").css("background-color", "#C1E39F");
                }
            }
        }); //ajax
        
    }); //y/n questions

    
    

    /*$("#amount").val('$' + $("#slider").slider("value"));*/


// survey results
    $(".survey_progressbar").each( function(){
        var value = $(this).text();
        $(this).text('');
        $(this).progressbar();
        $(this).progressbar("option", "value", value);
    });
    $(".survey_progressbar").css("height", "10px");
    $(".survey_progressbar").css("width", "100px");
    

//been here button
$("#been_here_status_button").click(function(e) {
   e.preventDefault(); 
});

    //hide the talkbox form
    function hideForm() {
        alert('hi');
        $(".talk_box").find(".active").hide("fast");
    }
    
//Listing Description
var more_description = "<a href=\"#\" class=\"view_more\">[ More... ]</a>";
var description = $("#listing_description").find(".content").html();
if (description != null)
{
    var descr_array = description.split("<br>");
    var excerpt = descr_array[0];

    if (descr_array.length > 1)
    {
        $("#listing_description").find(".content").html(excerpt + "... " + more_description);
        $("#listing_description").find(".content").find(".view_more").click( function(e) {
            e.preventDefault();
            $("#listing_description").find(".content").html(description);
        })
    }
}
/* Survey Questions */
    
    setupSurvey();
    

    function setupSurvey () {
            $(".question").find("input").click (function() {
            var formData = $(this).parents("form").serialize();
            var questionDiv = $(this).parents(".question");
            var preSend = $(this).parents(".question").html();
            
            $.ajax({
                type: "POST",
                url: "/survey_responses/save/",
                data: formData,
                beforeSend: function() {
                    $(questionDiv).find(".response").find("form").fadeOut("fast");
                    $(questionDiv).find(".response").addClass("loading");
                },
                success: function(msg) {
                    response = msg.split(" ");
                    
                    //if it failed,
                    if (response[0] != "success")
                    {
                        $(questionDiv).find(".response").removeClass("loading");
                        $(questionDiv).find(".response").fadeOut("fast", function(){
                            $(questionDiv).find(".response").html("Couldn't save your response.  Please try again.");
                            $(questionDiv).find(".response").fadeIn("fast");
                            //$(questionDiv).find(".response").animate({"opacity": 1}, 1500).fadeOut(1000); 
                        });
                        
                        /*$(questionDiv).find(".response").fadeOut("fast", function(){
                            $(questionDiv).find(".response").html("Couldn't save your response.");
                            $(questionDiv).find(".response").fadeIn("fast");
                            //$(questionDiv).find(".response").animate({"opacity": 1}, 1500).fadeOut(1000); 
                        
                        });*/
                        //setupSurvey();
                    }
                    //succeeded
                    else
                    {
                        $(questionDiv).find(".response").removeClass("loading");
                        $(questionDiv).find(".response").fadeOut("fast", function(){
                            $(questionDiv).find(".response").html("Saved.");
                            $(questionDiv).find(".response").fadeIn("fast");
                            //$(questionDiv).find(".response").animate({"opacity": 1}, 1500).fadeOut(1000); 
                        });
                        
                        
                    }
                }
             });
            });

    } //setupSurvey
    
    function submitQuestion()
    {
        
    }
    
    /* End Survey Questions */
    
    

});