// CSS Eigenschaften vordefinieren
$(document).ready(function(){

	$('.docslideView').css({
		'overflow': 'hidden',
		'height': '16.666em'
	});

	$('.docslideView .items').css({
		'width': '3690px',
		'float': 'left',
		'position': 'absolute'
	});

	$('.docslideItem').css({
		'float': 'left',
		'margin': '0 20px 0px 0px'
	});

	// 1. Element auf aktiv setzen bzw. '.current'
	$('#docsliderNav li:first').addClass("current");

});


// execute your scripts when the DOM is ready. this is mostly a good habit
$(function() {

	// initialize scrollable
	$(".docslideView").scrollable({speed:600}).navigator({

		// select #flowtabs to be used as navigator
		navi: "#docsliderNav",
		// select A tags inside the navigator to work as items (not direct children)
	//	naviItem: 'a',

		// assign "current" class name for the active A tag inside navigator
		activeClass: 'current'

	});

});