Div that and slide from left to right and opposite and supports hovering

Div that and slide from left to right and opposite and supports hovering

Hi
I'm trying to make this smart little thing. It goes like this;

I have a page that has a box where announements can be seen. What I want is that when the page loads a div containing some  announcement text should show up within this box. The div should remain within the box for about 10 seconds, whereafter it should start sliding to the left and eventually disapper. But if the user during the sliding decides to Hover or click within that div then the sliding should stop and the div should move back to its initail position (so that the whole text can be read again). The div should not begin any sliding process as long as the user is hovering within the div. However if the user hover out of the div then the sliding proces should begin again.

What I'm trying to achieve is to have a annoncement to show up in this box, only for 10 seconds, whereafter it should disapper (by sliding away). However if the user wants to reads the annonuncement he should be able to do so, by hovering that announcement. And when the user has finished reading he can just hover away and the announcement will disapper within few secounds.

I have done some work here and there. I have used the slider method from jqueryui and the hover methods and the initial sliding process when the page loads, but putting them all to gether is not going good. I just lack enough jquery / javascript experience.

Hope if there are someone who can help me out.

Thanks for reading this.

Sincerely

Samar