jQuery(document).ready(function() {
    jQuery('#the_left_slider').cycle({
		fx: 'none' ,// choose your transition type, ex: fade, scrollUp, shuffle, etc...
                pager:  '.navigation_dots',
                pagerAnchorBuilder: function(idx, slide) {
                    return '<a href="#"><img class="toc" style="padding:0 1px 0 1px;" src="images/dot-orange7px.png" width="7" height="7" align="absmiddle"/></a>';
                }
	});
    jQuery('#the_right_slider').cycle({
		fx: 'none'
	});
});



// redefine Cycle's updateActivePagerLink function
jQuery.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
    jQuery(pager).find('img').attr('src', 'images/dot-orange7px.png')
        .filter('img:eq('+currSlideIndex+')').attr('src', 'images/dot-grey7px.png');
};

function slide_next(slide)
{
    jQuery(slide).cycle('next');
}

function slide_prev(slide)
{
    jQuery(slide).cycle('prev');
}

function slide_stop(slide)
{
    jQuery(slide).cycle('stop');
}

function slide_resume(slide)
{
    jQuery(slide).cycle('resume');
}