объясните синтаксис
 

$(document).ready(function() {
    var dragObjects = document.getElementById('dragObjects1').getElementsByTagName('img')
    for(var i=0; i<dragObjects.length; i++) {
        dragMaster1.makeDraggable(dragObjects[i])
    }
})

Что за объявление $(document)? А метод ready вызывает функцию, после того как документ загружен полностью в окно?

Мне понятна такая запись, применительно к глоб. объекту window
window.onload = function(par-ry){
тело функции
}

Это загрузка документа целиком и его рендер
Это событие onDOMContentLoaded, т.е. когда прогрузился скелет DOM, но не нужно ждать пока загрузятся картинки, пройдёт рендер и т.д., поэтому лучше юзать его.
Кста можно записать короче:

$(function() { /* тут наш код */ });

забыл самое важное сказать, что это не чистый JavaScript, а jQuery :)

Каюсь:)

Под рендером понимается обработка браузером мультимедиа информации на страничке?

Ну то, что браузер загрузил в себя - это всего лишь текст, его нужно ещё интерпретировать и в конечном итоге показать пользователю - это и есть рендеринг.

Спасибо за помощь!
А jQuery подключается отдельно?

:blink: естественно