﻿jQuery(document).ready(function() {
jQuery('.transition').cycle({ 
        fx:     'fade', 
        timeout: 5000,
        pager:  '#tab-slider-nav ul',
        pagerAnchorBuilder: function(idx, slide) {
            return '#tab-slider-nav ul li:eq(' + (idx) + ') a';
        },
        pause:  false
    });
    
    function onBefore() { 
        var pos = $(".activeSlide").next().offset().top; 
        jQuery("#marker").animate({top: pos}); 
    };
    
    jQuery('#tab-slider-nav ul li:eq(0)').click(function() { 
        jQuery('.transition').cycle(0); 
        return false; 
    });
    
    jQuery('#tab-slider-nav ul li:eq(1)').click(function() { 
        jQuery('.transition').cycle(1); 
        return false; 
    });
    
    jQuery('#tab-slider-nav ul li:eq(2)').click(function() { 
        jQuery('.transition').cycle(2); 
        return false; 
    });
    
    jQuery('#tab-slider-nav ul li:eq(3)').click(function() { 
        jQuery('.transition').cycle(3); 
        return false; 
    });

});
