replace prototype.js with jquery, i think everything is working...

.gitignore

@@ -9,3 +9,4 @@ README
 *.phpproj
 *.sln
 *.v11.suo
+*.suo

lib/class/ajax.class.php

@@ -55,7 +55,7 @@ class Ajax {
             $source_txt = $source;
         }
         else {
-            $source_txt = "'$source'";
+            $source_txt = "'#$source'";
         }
 
         // If it's a post then we need to stop events
@@ -64,7 +64,7 @@ class Ajax {
         }
 
         $observe    = "<script type=\"text/javascript\">";
-        $observe    .= "Event.observe($source_txt,'$method',function(e){" . $action . ";});";
+        $observe    .= "$($source_txt).$method(function(e){" . $action . ";});";
         $observe    .= "</script>";
 
         return $observe;

lib/javascript/ajax.js

@@ -16,40 +16,23 @@
 // Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 
 // Some cutesy flashing thing while we run
-Ajax.Responders.register({
-    onCreate: function(){
-        $('ajax-loading').style.display = 'block';
-    },
-    onComplete: function() {
-        $('ajax-loading').style.display = 'none';
-    }
+$(document).ajaxSend(function () {
+    $('#ajax-loading').show();
+});
+$(document).ajaxComplete(function () {
+    $('#ajax-loading').hide();
 });
 
 // ajaxPost
 // Post the contents of a form.
 function ajaxPost(url, input, source) {
-    if ($(source)) {
-        Event.stopObserving(source, 'click', function() { ajaxPost(url, input, source); });
-    }
-
-    new Ajax.Request(url, {
-        method: 'post',
-        parameters: $(input).serialize(true),
-        onSuccess: processContents
-    });
+    $.ajax(url, { success: processContents, type: 'post', data: input });
 } // ajaxPost
 
 // ajaxPut
 // Get response from the specified URL.
 function ajaxPut(url, source) {
-    if ($(source)) { 
-        Event.stopObserving(source, 'click', function(){ ajaxPut(url, source); });
-    } 
-
-    new Ajax.Request(url, { 
-        method: 'put',
-        onSuccess: processContents 
-    });
+    $.ajax(url, { success: processContents, type: 'post', dataType: 'xml' });
 } // ajaxPut
 
 // ajaxState
@@ -65,16 +48,8 @@ function ajaxState(url, input) {
 
 // processContents
 // Iterate over a response and do any updates we received.
-function processContents(transport) {
-    $A(transport.responseXML.getElementsByTagName('content')).each(updateElement);
+function processContents(data, status) {
+    $(data).find("content").each(function () {
+        $('#' + $(this).attr('div')).html($(this).text())
+    })
 } // processContents
-
-// updateElement
-// This isn't an anonymous function because I'm ornery.  Does the actual
-// updates for processContents.
-function updateElement(contentXML) {
-    var newID = contentXML.getAttribute('div');
-    if($(newID)) {
-        $(newID).update(contentXML.firstChild.nodeValue);
-    }
-} // updateElement

lib/javascript/base.js

@@ -32,18 +32,17 @@ function flipField(field) {
 // updateText
 // Changes the specified elements innards. Used for the catalog mojo fluff.
 function updateText(field, value) { 
-    $(field).innerHTML = value;
+    $('#'+field).html(value);
 } // updateText
 
 // toggleVisible
 // Toggles display type between block and none. Used for ajax loading div.
 function toggleVisible(element) { 
-
-    if ($(element).style.display == 'block') { 
-        $(element).style.display = 'none';
-    }
-    else { 
-        $(element).style.display = 'block'; 
+    var target = $('#' + element);
+    if (target.is(':visible')) {
+        target.hide();
+    } else {
+        target.show();
     }
 } // toggleVisible
 
@@ -95,9 +94,9 @@ function popupWindow(url) {
 
 // This is kind of ugly.  Let's not mess with it too much.
 function check_inline_song_edit(type, song) {
-        var target = type + '_select_' + song;
-    if ($(target).options[$(target).selectedIndex].value == -1) {
-        $(target).innerHTML = '<input type="textbox" name="' + type + '_name" value="New ' + type + '" />';
+    var target = '#' + type + '_select_' + song;
+    if ($(target + ' option:selected').val() == -1) {
+        $(target).replaceWith('<input type="textbox" name="' + type + '_name" value="New ' + type + '" />');
     }
 }
 

templates/header.inc.php

@@ -42,7 +42,8 @@ if (Config::get('use_rss')) { ?>
 <?php require_once Config::get('prefix') . '/templates/stylesheets.inc.php'; ?>
 </head>
 <body>
-<script src="<?php echo $web_path; ?>/modules/prototype/prototype.js" language="javascript" type="text/javascript"></script>
+<script src="<?php echo $web_path; ?>/modules/jquery/jquery-1.9.1.js" language="javascript" type="text/javascript"></script>
+<script src="<?php echo $web_path; ?>/modules/jquery/jquery-ui-1.10.3.min.js" language="javascript" type="text/javascript"></script>
 <script src="<?php echo $web_path; ?>/lib/javascript/base.js" language="javascript" type="text/javascript"></script>
 <script src="<?php echo $web_path; ?>/lib/javascript/ajax.js" language="javascript" type="text/javascript"></script>
 <!-- rfc3514 implementation -->

templates/javascript_refresh.inc.php

@@ -30,6 +30,7 @@ function refresh()
 {
     <?php echo Ajax::action($ajax_url, ''); ?>;
 }
-
-new PeriodicalExecuter(refresh, refreshInterval);
+$(document).ready(function() {
+window.setInterval(refresh(), refreshInterval);
+});
 </script>