Поворот элемента на основе положения курсора в отдельном элементе

Недавно я работал над функцией каталога хлебных крошек, которая требует, чтобы элемент вращался на основе позиции курсора x в элементе-контейнере хлебных крошек. Короче говоря, мне нужна стрелка в нижнем «#pointer-box», чтобы всегда указывать на курсор, когда он находится в «# target-box».

Я ищу две отдельные формулы, которые будут: а) устанавливать начальное крайнее левое положение стрелки, когда позиция x курсора '#target-box' равна 0, и б) сохранять стрелку влево- Большинство и самые правые свойства поворота пропорциональны любой ширине браузера или изменению размера окна.

Будем признательны за любую помощь.

Вот живая демонстрация. http://jsfiddle.net/HeFqh/

Спасибо

Обновление

С помощью Tats_innit мне удалось сделать так, чтобы стрелка указывала на курсор, когда он находится внутри '#target-box' . Теперь мне нужно решить две конкретные проблемы.

а.) Когда размер окна изменяется, стрелка и курсор больше не выровнены.

b.) 'var y' в 'mousemove' не вычитает верхнее смещение.

var y = e.pageY - this.offsetTop

Обновленная живая демонстрация. http://jsfiddle.net/HeFqh/11/

Спасибо