استفاده از دستور while در jquery

[mr.zenith]

سلام دوستان
من می خواهم یک باکس که در صفحه دارم تا زمانی که موس روی آن نرفته یک انیمشن را انجام بده.
اگر میشه راهنمایی کنید.
while($('.cont1').hover()){
$(document).ready(function(){

$('.cont1').animate({
left:"30%",
top:"17%"
},'slow');
$('.cont1').animate({
left:"36%",
top:"23%"
},'slow');
});
}

[exlord]

var anim_running = true;
$(document).ready(function () {

$('.cont1').hover(
function () {
anim_running = false;
$('.cont1').stop();
},
function () {
anim_running = true;
animate();
}
);
animate();

});
function animate() {
if (anim_running) {
$('.cont1').stop().animate({
left:"30%",
top:"17%"
}, 'slow', function () {
$('.cont1').stop().animate({
left:"36%",
top:"23%"
}, 'slow', function () {
animate();
});
});

}
}

[mr.zenith]

var anim_running = true;
$(document).ready(function () {

$('.cont1').hover(
function () {
anim_running = false;
$('.cont1').stop();
},
function () {
anim_running = true;
animate();
}
);
animate();

});
function animate() {
if (anim_running) {
$('.cont1').stop().animate({
left:"30%",
top:"17%"
}, 'slow', function () {
$('.cont1').stop().animate({
left:"36%",
top:"23%"
}, 'slow', function () {
animate();
});
});

}
}
حالا اگر بخواهیم موس رفت روی باکس opacity بشه 1 و تکان نخوره ولی وقت موس رفت کنار opacity بشه 0.4 و تکان بخوره چیکار باید کرد؟

[exlord]

function animate() {
if (anim_running) {
$('.cont1').stop().animate({
left:"30%",
top:"17%",
opacity:1
}, 'slow', function () {
$('.cont1').stop().animate({
left:"36%",
top:"23%",
opacity:0.4
}, 'slow', function () {
animate();
});
});

}
}

[mr.zenith]

function animate() {
if (anim_running) {
$('.cont1').stop().animate({
left:"30%",
top:"17%",
opacity:1
}, 'slow', function () {
$('.cont1').stop().animate({
left:"36%",
top:"23%",
opacity:0.4
}, 'slow', function () {
animate();
});
});

}
}

من خودم این کار را انجام دادم ولی اینطوری دائما پر رنگ و کم رنگ میشه
حتی توی یک فانکشن جدا هم نوشتم ولی نشد