var elWidth = 0;
jQuery(document).ready(function() {
	var shiftBar = jQuery('.shiftBar');
	shiftBar.css('width',0);
	// sonst haben wir im ie 'auto', und parseInt versteht das als NaN
	shiftBar.css('left',0);
	elWidth = shiftBar.children().first().outerWidth();
	shiftBar.children().each( function(index) {
		jQuery(this).parent().css('width', jQuery(this).parent().width() + jQuery(this).outerWidth());
	});
	var bgLeft = shiftBar.prev().prev().prev().prev();
	var arrowLeft = shiftBar.prev().prev().prev();
	var bgRight = shiftBar.prev().prev();
	var arrowRight = shiftBar.prev();

	/* set the navi-size */
	var naviHeight = jQuery(".flashLinkBar" ).innerHeight();
	var arrowMarginTop = (naviHeight - arrowLeft.innerHeight())/2;
	bgLeft.css('height',naviHeight);
	bgRight.css('height',naviHeight);
	arrowLeft.css('margin-top',arrowMarginTop);
	arrowRight.css('margin-top',arrowMarginTop);

	if ( shiftBar.innerWidth() < shiftBar.parent().innerWidth() ) {
		// disable Arrows
		bgLeft.css('display','none');
		arrowLeft.css('display','none');
		bgRight.css('display','none');
		arrowRight.css('display','none');
		return;
	}
	var right = jQuery('.flashLinkArrowRight');
	var left = jQuery('.flashLinkArrowLeft');
	jQuery('.flashLinkArrowRight, .flashLinkArrowLeft').bind('mouseenter', function() {
		jQuery(this).css('opacity','1');
		jQuery(this).prev().css('opacity','1');
	});
	jQuery('.flashLinkArrowRight, .flashLinkArrowLeft').bind('mouseleave', function() {
		jQuery(this).css('opacity','0.5');
		jQuery(this).prev().css('opacity','0');
	});
	right.bind('click', function(event) {
		event.stopImmediatePropagation(); // prevent double call to function
		var shiftBar = jQuery(this).next('.shiftBar');
		var barWidth = shiftBar.innerWidth();
		var newLeft = parseInt(shiftBar.css('left')) - elWidth*6;
		/* jump to first frame */
		if ( -newLeft >= barWidth )
			newLeft = 0;
		shiftBar.css('left',newLeft);
	});
	left.bind('click', function(event) {
		event.stopImmediatePropagation(); // prevent double call to function
		var shiftBar = jQuery(this).next().next().next('.shiftBar');
		var barWidth = shiftBar.innerWidth();
		var newLeft = parseInt(shiftBar.css('left')) + elWidth*6;
		/* jump to last frame */
		if ( newLeft > 0 )
			newLeft = -(barWidth - elWidth*6)
		shiftBar.css('left',newLeft);
	});
});