[jQuery] jcarousel - hide/animate buttons

Hi.

Im trying to animate the prev/next buttons.
my aim is to make them invisible when not hovering the carousel.

first i tried to make the images invisible and visible when howering,
thats working.

i have a problem with hiding the next/prev buttons.
---

$(document).ready(function(){
$(".skin-name .jcarousel-prev").fadeTo("slow", 0);
$(".skin-name .jcarousel-next").fadeTo("slow", 0);

$("#content").hover(function(){
$(".skin-name .jcarousel-prev").fadeTo("slow", 1.0);
$(".skin-name .jcarousel-next-horizontal").fadeTo("slow",
1.0); },
function(){
$(".skin-name .jcarousel-prev").fadeTo("slow", 0);
$(".skin-name .jcarousel-next-horizontal").fadeTo("slow",
0); });
});

---

it doesnt hide at startup the webpage. i have to go over #content
first, then outside.
after that it works. is there a function in the jcarousel.js that
makes them visible?

where can i add a id"" to the next / prev div ?
cant find it.