$(document).ready(function() {
    // overwrite non-JS-default-styles
    $('.flexTeaser').css({
        'overflow': 'hidden'
    });
    // cycle effect and navi
    $('#ContentTeaserLeft ul.flexTeaser')
	    .before('<div class="flexTeaserNav">')
	    .cycle({
	        fx: 'scrollRight',
	        speed: 1000,
	        pause: 1,
	        pager: '#ContentTeaserLeft div.flexTeaserNav'
	    });
    $('#ContentTeaserLeft2 ul.flexTeaser')
	    .before('<div class="flexTeaserNav">')
	    .cycle({
	        fx: 'scrollRight',
	        speed: 1000,
	        pause: 1,
	        pager: '#ContentTeaserLeft2 div.flexTeaserNav'
	    });
    $('#ContentTeaserRight ul.flexTeaser')
	    .before('<div class="flexTeaserNav">')
	    .cycle({
	        fx: 'scrollRight',
	        speed: 1000,
	        pause: 1,
	        pager: '#ContentTeaserRight div.flexTeaserNav'
	    });
    $('#ContentTeaserRight2 ul.flexTeaser')
	    .before('<div class="flexTeaserNav">')
	    .cycle({
	        fx: 'scrollRight',
	        speed: 1000,
	        pause: 1,
	        pager: '#ContentTeaserRight2 div.flexTeaserNav'
	    });
});