function setupBSSSlidebox()
{
	var horizontal = true;

	$box = $('#slidebox');
	$container = $('#slidecontainer');
	$images = $('#slidecontainer img');
	
	if( horizontal )
	{
		$images.css(
		{
			'float' : 'left',
			'position' : 'relative' // IE fix to ensure overflow is hidden
		});
		
		// calculate a new width for the container (so it holds all panels)
		$container.css( 'width', $images[0].offsetWidth * $images.length );
	};
	
	var scrollOptions =
	{
		target: $box,
		items: $images,
		prev: 'a.prev', 
		next: 'a.next',
		axis: 'xy',
		duration: 500,
		easing: 'swing',
		cycle: false
	};

	// setup slide effect
	$('#slidewrapper').serialScroll( scrollOptions );
	
	// setup roll over button effect
	$('#slidewrapper').mouseover( toggleButtons );
	$('#slidewrapper').mouseout( toggleButtons );
	
	// hide buttons initially
	toggleButtons();
};

/* functions needs to be outside the document ready block
   otherwise firefox can not find the function! */
function toggleButtons()
{
	$('a.prev').toggle();
	$('a.next').toggle();
};