Merge pull request #10 from PuyallupFoursquare/maven

Switching from Ivy+Ant to Maven.

1 files changed, 315 insertions, 0 deletions

diff --git a/src/main/webapp/scripts/growth.js b/src/main/webapp/scripts/growth.js
new file mode 100644
index 0000000..9ae6786
--- /dev/null
+++ b/src/main/webapp/scripts/growth.js
@@ -0,0 +1,315 @@
+$(document).ready(function()
+{
+    $('.slider').draggable({
+        axis:"x",
+        containment:"parent",
+        cursor:"pointer",
+        stop: function (event, ui) {
+            var range = $(ui.helper).parent().width() - 46;
+            var value = (ui.position.left + range / 2) / range;
+            $("#answerField").val(value);
+        }
+    });
+    $('.sliderbar').mousedown(function(e) {
+        var left = $(this).offset().left;
+        var width = $(this).width();
+        proposed = Math.max(left, Math.min(e.pageX - 23, left + width - 46));
+        $(this).children('.slider').offset({left: proposed});
+
+        var range = width - 46;
+        var value = (proposed - left) / range;
+        $("#answerField").val(value);
+    });
+
+    $('.quad .selector').draggable({
+        containment:"parent",
+        cursor:"pointer",
+        stop: function (event, ui) {
+            updateQuadAnswer(ui.position.left, ui.position.top);
+        },
+        drag: function (event, ui) {
+            var x = ui.position.left - 125;
+            var y = -(ui.position.top - 125);
+            var signY = y<0?-1:1;
+            var signX = x<0?-1:1;
+            ui.position.left = signX * Math.min(signX*x, 125) + 125;
+            x = ui.position.left - 125;
+            ui.position.top = -(signY * Math.min(Math.abs(y), Math.abs(Math.sqrt(125*125 - x*x))) - 125);
+        }
+    });
+    $('.quad').mousedown(function(e) {
+        var x = e.offsetX - 135;
+        var y = -(e.offsetY - 135);
+        if (Math.sqrt(x*x+y*y) < 135) {
+            $(this).children('.selector').offset({left: e.pageX - 10, top: e.pageY - 10});
+            updateQuadAnswer(e.offsetX - 10, e.offsetY - 10);
+        }
+    });
+
+    var previousAnswer = $("#answerField").val();
+    if (previousAnswer != undefined) {
+        if (!isNaN(previousAnswer)) {
+            var range = $('.sliderQuestion .sliderbar').width() - 46;
+            var left = previousAnswer * range - range / 2;
+            $('.sliderQuestion .slider').css('left', left);
+        } else {
+            var index = previousAnswer.indexOf(',')
+            if (index != -1) {
+                var x = previousAnswer.substr(0, index);
+                var y = previousAnswer.substr(index + 1);
+                if (!isNaN(x) && !isNaN(y)) {
+                    var posX = x * 125 + 125;
+                    var posY = -y * 125 + 125;
+                    $('.quadQuestion .selector').css({left:posX,top:posY});
+                }
+
+            }
+        }
+    }
+
+    $('.imageQuestion img.answer').hover(function (e) {
+        // Enter
+        if (!$(e.target).hasClass('selected')) {
+            var url = e.target.src;
+            e.target.src = url.replace('.jpg', '-hover.jpg');
+        }
+    },
+    function (e) {
+        // Exit
+        if (!$(e.target).hasClass('selected')) {
+            var url = e.target.src;
+            e.target.src = url.replace('-hover.jpg', '.jpg');
+        }
+    });
+
+    var video = document.getElementById("herovideo");
+    if (video != null) {
+        video.removeAttribute("controls");
+    }
+
+    $('textarea').bind({
+        focus: function () {
+            var self = $(this);
+
+            if (self.val() == self.attr('defaultValue')) {
+                self.val('').removeClass('default');
+            };
+        },
+        blur: function () {
+            var self = $(this),
+                val = jQuery.trim(self.val());
+
+            if (val == "" || val == self.attr('defaultValue')) {
+              self.val(self.attr('defaultValue')).addClass('default');
+            };
+        }
+    }).trigger('blur');
+
+    $("#thefeed article .answer:nth-child(3)").delay(300).slideDown();
+
+    $("#banner").slideDown();
+});
+
+function notice(msg)
+{
+    $('#noticebox p span').html(msg)
+    $('#noticebox').slideDown();
+}
+
+function updateQuadAnswer(offsetX, offsetY)
+{
+    var x = (offsetX - 125) / 125;
+    var y = -(offsetY - 125) / 125;
+    var value = x + "," + y;
+    $("#answerField").val(value);
+}
+
+function selectAnswer(element)
+{
+    // Cleanup image selections
+    $(element).parent('.imageQuestion').children('.selected').each(function(i, e) {
+            var url = e.src;
+            e.src = url.replace('-hover.jpg', '.jpg');
+        });
+
+    $(element).siblings('.selected').removeClass('selected');
+    $(element).addClass('selected');
+    $("#answerField").val(element.id);
+}
+
+function previousQuestion()
+{
+    $("#direction").val("previous");
+    sendAnswer(false);
+}
+
+function nextQuestion()
+{
+    $("#direction").val("next");
+    sendAnswer(true);
+}
+
+function sendAnswer(required)
+{
+    var selectedAnswer = $("#answerField").val();
+
+    if (required && selectedAnswer == '') {
+        notice('Please select an answer before moving to the next question');
+        return;
+    }
+
+    $("#questionForm").submit();
+}
+
+function playVideo(videoId)
+{
+    if (!$('#' + videoId).hasClass('allowed')) {
+        notice("You must watch the videos in order.");
+        return;
+    }
+
+    $.ajax({
+        type: "GET",
+        url: location.href + "/videos/" + videoId + ".json",
+        dataType: "json"
+    }).done(function(data) {
+        if (data == null) {
+            notice("Unable to load the video at this time. Please check your internet connection and try again later. If the problem persists, please contact us.");
+            return;
+        }
+
+        var player = $('#videoplayer video')[0];
+        if (typeof player.canPlayType !== 'function') {
+            notice("Your browser does not support html5 videos. Please try another browser or contact us.");
+        }
+
+        for (var i in data.urls) {
+            var video = data.urls[i];
+            if (player.canPlayType(video.type) != '') {
+                player.src = video.src;
+                player.load();
+                player.play();
+                player.addEventListener('ended', function(){ reportVideoComplete(data); });
+                displayPlayer();
+                return;
+            }
+        }
+
+        notice("We could not find a video format that will work with your browser. Please try another browser or contact us.");
+    }).error(function(jqXHR, error) {
+        notice('Could not load video due to ' + error + '. If the problem persists, please contact us.');
+    });
+}
+
+function displayPlayer()
+{
+    // Display Player
+    $("#content").fadeOut(100);
+    $("body").animate({backgroundColor: '#181818'}, 500, 'linear', function(){
+        $("#videoplayer").fadeIn(200);
+    });
+
+    $(document).keyup('displayPlayer.exit', function(e) {
+      if (e.keyCode == 27) {
+          closeVideo();
+      }
+    });
+}
+
+function reportVideoComplete(data)
+{
+    notice("You finished \u201C" + data.title + ".\u201D");
+    var completedBefore = $('#videos article .completed').length;
+
+    $('#' + data.id).addClass('completed');
+    $('#' + data.id).parent().next().children('div.image').addClass('allowed');
+
+    var completed = $('#videos article .completed').length;
+    var total = $('#videos article').length;
+    var percent = Math.floor(completed * 100 / total) + "%";
+    $('#chapterprogress .progress').width(percent);
+    $('#chapterprogress .progresslabel').css('left', percent);
+    $('#chapterprogress .progresslabel').html(percent);
+
+    closeVideo();
+
+    $.ajax({
+        type: "POST",
+        url: location.href + "/videos/" + data.id + ".json",
+        dataType: "json",
+        data: {'completed':'true'}
+    }).error(function(jqXHR, error) {
+        notice('Could not record video completiton due to ' + error + '. If the problem persists, please contact us.');
+    }).always(function() {
+        if (completed == total && completedBefore != completed) {
+            chapterComplete();
+        }
+    });
+}
+
+function closeVideo()
+{
+    var player = $('#videoplayer video')[0];
+    if (typeof player.pause === 'function') {
+        player.pause();
+    }
+
+    $("#videoplayer").fadeOut(100);
+    $("body").animate({backgroundColor: '#FFFFFF'}, 500, 'linear', function(){
+        $("#content").fadeIn(200);
+    });
+
+    $(document).unbind('displayPlayer.exit');
+}
+
+function chapterComplete()
+{
+    notice("You've completed this chapter!");
+    location.href += "/completed";
+}
+
+function submitClassForm()
+{
+    notice("Submitting Class Form...");
+
+    var firstname = $("#firstname").val();
+    var lastname = $("#lastname").val();
+    var phone = $("#phone").val();
+    var email = $("#email").val();
+
+    if (firstname == "") {
+        alert("First name is required.");
+        return false;
+    } else if (lastname == "") {
+        alert("Last name is required.");
+        return false;
+    } else if (phone == "") {
+        alert("Phone is required.");
+        return false;
+    } else if (email == "") {
+        alert("Email is required.");
+        return false;
+    }
+
+    $.ajax({
+        type: "POST",
+        url: "http://www.myfoursquarechurch.com/grow-classes/#response",
+        data: $("#classform").serialize(),
+    }).always(function() {
+        location.href="/account/training/introduction";
+    });
+
+    return false;
+}
+
+function answerQuestion(id)
+{
+    $("#answer-" + id).slideToggle();
+}
+
+function showAnswers(obj)
+{
+    $(obj).hide();
+    $(obj).parents(".answer").siblings(".slider").slideDown();
+}
+