Multiple Options problem

Hi,
I've a problem with views_slideshow.
I would add two option, one to before and one to after.
In my css, as default, I've views-slideshow-controls-top and views-slideshow-controls-bottom with "display: none"

I add this to before:
$('.views-slideshow-controls-top').css('display', 'block');
$('.views-slideshow-controls-bottom').css('display', 'block');

and this to after:
if ($('.views-slideshow-cycle-main-frame-row-item:first').is(':visible')){
$('.views-slideshow-controls-top > .views_slideshow_controls_text').css('opacity', '1');
$('.views-slideshow-controls-bottom > .views_slideshow_controls_text').css('opacity', '0.5');
$('.views-slideshow-controls-top > .views_slideshow_controls_text').css('filter', 'alpha(opacity = 100)');
$('.views-slideshow-controls-bottom > .views_slideshow_controls_text').css('filter', 'alpha(opacity = 50)');
} else {
if ($('.views-slideshow-cycle-main-frame-row-item:last').is(':visible')){
$('.views-slideshow-controls-top > .views_slideshow_controls_text').css('opacity', '0.5');
$('.views-slideshow-controls-bottom > .views_slideshow_controls_text').css('opacity', '1');
$('.views-slideshow-controls-top > .views_slideshow_controls_text').css('filter', 'alpha(opacity = 50)');
$('.views-slideshow-controls-bottom > .views_slideshow_controls_text').css('filter', 'alpha(opacity = 100)');
} else {
$('.views-slideshow-controls-top > .views_slideshow_controls_text').css('opacity', '1');
$('.views-slideshow-controls-bottom > .views_slideshow_controls_text').css('opacity', '1');
$('.views-slideshow-controls-top > .views_slideshow_controls_text').css('filter', 'alpha(opacity = 100)');
$('.views-slideshow-controls-bottom > .views_slideshow_controls_text').css('filter', 'alpha(opacity = 100)');
}
}

When I add these single, all work, but when I add these together, the first don't work.