$(document).ready(function() {
	
//	console.log($('div.text_slider').html());
	
	// wenn der Textslider-Container mehrere Kinder enthaelt,
	// soll ein Paginator erzeugt werden
	var childrenCnt =$('div.text_slider').children().length;
	if(childrenCnt > 1) {
		$('div.text_slider').children().wrap('<div class="text_slide" />');
		var paginator = createPaginator(childrenCnt);
		//$('div.text_slider').after(paginator);
		$('.twothirds').append(paginator);
	}

	$('div.text_slider').css('overflow', 'hidden');
	$('div.text_slider').cycle({
		fx: 'scrollHorz',
		timeout: 0,
		speed: 750,
		after: handleChange,
		nowrap: true
	});

	$('.paginator a.left').click(handleClick);
	$('.paginator a.right').click(handleClick);

	function handleClick(evt) {
		switch($(evt.currentTarget).attr('class')) {
		case 'left':
			$('div.text_slider').cycle('prev');
			break;

		case 'right':
			$('div.text_slider').cycle('next');
			break;
		};
		return false;
	}

	function handleChange(curr, next, opts) {
		$('.paginator span').html((opts.currSlide + 1) + ' von ' + opts.slideCount);
	}
	
	
	function createPaginator(n) {
		
//		var paginator = document.createElement('div');
//		paginator.setAttribute('class', 'paginator');
//		var btnLeft = document.createElement('a');
//		btnLeft.setAttribute('class', 'left');
//		btnLeft.setAttribute('href', '');
//		var btnRight = document.createElement('a');
//		btnRight.setAttribute('class', 'right');
//		btnRight.setAttribute('href', '');
//		var display = document.createElement('span');
		
//		paginator.appendChild(btnLeft);
//		paginator.appendChild(display);
//		paginator.appendChild(btnRight);
		
		var paginator = "<div class='paginator'><a class='left' href=''></a><span></span><a class='right' href=''></a></div>";
		
		return paginator;
		
		/**
		<div class="paginator">
		<a class="left" href="#"></a>
		<span>1 von 4</span>
		<a class="right" href="#"></a>
		</div>
		 */
	}
});