$(document).ready(function() {
    $('div.content').eq(0).cycle({
        before: function(currSlideElement, nextSlideElement, options, forwardFlag) {
            $('ul.tabs').find('li.'+currSlideElement.id).removeClass('active');
            $('ul.tabs').find('li.'+nextSlideElement.id).addClass('active');
        },
        pager: 'ul.tabs',
        pagerAnchorBuilder: function(idx, slide) {
            var classes = ''+slide.id+''
            if (idx == 0) {
                classes += ' active';
            }
            return '<li class="'+classes+'"><a href="#'+slide.id+'" rel="'+slide.id+'"><span>'+slide.title+'</span></a></li>'; 
        },
        cleartypeNoBg: true
    });
});