<div id="first">
  <h1><span class="color1">Hello</span> <span class="color2">and</span> <span class="color3">welcome </span><span class="color4">to </span><span class="color5"> the Internet.</span></h1>
</div>

<div id="second">
  <h1><span class="color1">Hello</span> <span class="color2">and</span> <span class="color3">welcome </span><span class="color4">to </span><span class="color5"> the Internet.</span></h1>
</div>

$.fn.scrollPath("getPath")
    // Move to 'first' element
    .moveTo(400, 50, {name: "#first"})
    // Line to 'second' element
    .lineTo(400, 800, {name: "#second"})
    // Arc down and line to 'third'
    .arc(200, 1200, 400, -Math.PI/2, Math.PI/2, true)
    .lineTo(600, 1600, {
        callback: function() {
            highlight($(".settings"));
        },
        name: "#third"
    })