Fixed a vertical centering bug from the time if setting CSS values to calculating dial sizes for dial centering, since they are basically dependent functions(called in pairs), I put the call to scaleSpeedDialEntries inside the calculateSpeedDialSize function and just re-arranged two related functions closer together in calling order.

Commented on what the the few integer character codes represent, since they will always be constant.

Use a general <style> element to populate instead of individually setting CSS size properties on entries.
Modified the newtab.html to give a basis for the restructured CSS functionality (set the id of where the foundicons .href link will be populated from an async Ajax request and put a style tag there to just change the contents upon calling the scaleSpeedDialEntries() function)
Replaced jQuery-UI used for Drag & drop functionality with a native HTML5 Sortable jQuery Plugin from http://farhadi.ir/projects/html5sortable
I noted where I altered his default code for our use-case.
Updated version info