OK! Found the answer! YAY!
Well, I know how to fix it, but am not sure WHY it was broken in the first place. Though I suppose one of the scripts I'm including is setting things so that jQuery functions can't be just introduced by $(...)...
but, rather, need to be inside jQuery.noConflict()(function($){ ... }
. So, for what it's worth, I had to wrap these pieces of code in the init.js with the above call:
jQuery.noConflict()(function ($) {
$('.get').find('.arc').each(function (i) {
var t = $(this),
color = t.find('.color').val(),
value = t.find('.percent').val(),
text = t.find('.text').text();
rad += 30;
var z = r.path().attr({
arc: [value, color, rad],
'stroke-width': 26
});
z.mouseover(function () {
this.animate({
'stroke-width': 50,
opacity: .75
}, 1000, 'elastic');
if (Raphael.type != 'VML') //solves IE problem
this.toFront();
title.stop().animate({
opacity: 0
}, speed, '>', function () {
this.attr({
text: text + '\n' + value + '%'
}).animate({
opacity: 1
}, speed, '<');
});
}).mouseout(function () {
this.stop().animate({
'stroke-width': 26,
opacity: 1
}, speed * 4, 'elastic');
title.stop().animate({
opacity: 0
}, speed, '>', function () {
title.attr({
text: defaultText
}).animate({
opacity: 1
}, speed, '<');
});
});
});
});
AND
jQuery.noConflict()(function($){
$(function(){ o.init(); });
});
If anyone out there know how to explain the WHY, then your welcome to add to this answer and educate us further!