Javascript-форум - передвинуть div

доброго времени суток!

помогите решить проблему!
Нужно по клику на <div class="open-menu-button"> весь блок <div class="body"> плавно сдвигался влево на 350px, а справа открывался <div class="right-menu">. а когда кликаешь по <div class="close-menu-button"> блок <div class="body"> плавно возвращался на место.

Код:

<body>
	<div class="main">
		<div class="body">
			<div class="left-img"><img src="img/01.jpg" /></div>
			<div class="open-menu-button"></div>
		</div>
		<div class="right-menu">
			<div class="close-menu-button">закрыть</div>
		</div>
	</div>
</body>

Стиль:

.main {
	width:100%;
	}
.body {
	height:1000px;
	border:1px solid #000;
	background:#fff;
	}
.left-img {
	margin:0;
	padding:0;
	width:400px;
	overflow:hidden;
	position:fixed;
	}
.open-menu-button {
	width:30px;
	height:30px;
	position:fixed;
    right:30px;
    top:30px;
	background:url(../img/MenuButton.png) 100% 100% no-repeat;
	cursor:pointer;
	}

Думаю объяснил доходчиво)