$(document).ready(function() {
    $('#cycleBanner').before('<div id="nav">').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		pause:1,
		pauseOnPagerHover:1,
		pager: '#nav',
		pagerAnchorBuilder: function(idx, slide) { 
       		 return '<li><a href="' + $(slide).attr('href') + '" class="navLinks"><img src="' + $(slide).children('img').attr('src') + '.ico.png" width="97" height="58" />' +
			 '<br /><span class="cycleIcoTitle">' + $(slide).children('.cycleCategory').html() +
			 '</span></a></li>'; 
    	},
		before:onAfter,
		pagerEvent: 'mouseover'
	});
	function onAfter() { 
    	$('#cycleText').html($(this).children('.cycleAbout').html());
		$('#cycleBannerTop').html($(this).children('.cycleCategory').html()); 
	}
	$('.navLinks').click(function () {
		window.location = $(this).attr('href');
	});
});