$(document).ready(function() {

	$('#main-slider')  
	.cycle({
		cleartypeNoBg: true,
		fx:     'fade',
		speed:  'slow',
		timeout: 7000,
		pause: 1,
		pager:  '#slider-ul',
		pagerEvent: 'mouseover',
		pagerAnchorBuilder: function(idx, slide) {
			return '#slider-ul li:eq(' + idx + ') a';
		}
	});
	
	$('#slider-ul li a').click(function() {
		window.location = this.href;
	});
	$('ul#slider-ul li').mouseover(function() {
		$('#main-slider').cycle('pause');
	});
	$('ul#slider-ul li').mouseout(function() {
		$('#main-slider').cycle('resume');
	});
	
});

	// invoked after transition: overrides function in cycle.js
	$.fn.cycle.updateActivePagerLink = function(pager, currSlide, clsName) {
	   $(pager).each(function() {
		   $(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);
		   
			$('div.pip').remove();
			$(this).children().eq(currSlide).append($("<div class=\"pip\"></div>"));
	   });
	};