Изменение свойства дива при помощи js при нажатии на ссылку

Привет, мир!
Помогите пожалуйста. Нужно сделать так:

Есть:
1) <div id="sb"></div> у которого height: 50px; width:2000px; left:1000px;
2) <a id="l_left">left</a>
3) <a id="l_right">right</a>

Нужна функция, которая будет делать следующее:
1) при нажатии на ссылку <a id="l_left">left</a> у дива будет меняться свойство left:1000px; на 950px
2) при нажатии на ссылку <a id="l_right">right</a> у дива будет меняться свойство left:1000px; на 1050px
3) если у дива было стандартно 1000px, то при нажатии 3 раза на <a id="l_left">left</a> а затем еще 1 раз на <a id="l_right">right</a> то должно получиться 900px.

Т.е. нужно чтоб за каждый клик по <a>left</a> уменьшалось на 50px, а при нажатии на <a>right</a> прибавлялось на 50px. И хотелось чтоб это было в плавным переходом.

Помогите пожалуйста.

Примечание:
Спасибо большое! То что надо!

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.