jQuery.noConflict();

jQuery(document).ready(function(){

    jQuery('#image-dock').after('<ul id = "image-controls" style="z-index:1000">').cycle({ 
        fx:     'fade', 
        speed:  'slow',
        pager:  '#image-controls',
        //autostop: 1, 
        pagerEvent: 'mouseover',
        allowPagerClickBubble: true,
        pagerAnchorBuilder: function(idx, slide) { 
            
            //Dynamically gets links from sub navigation menu. Stops at 3 iterations.
            //Make sure sub navigation orders ASCENDING to avoid unintended linking
            
            var obj = jQuery("ul#subnav li > a");
            var arr = jQuery.makeArray(obj);
            
            if(idx == 2){
                var li = '<li class ="last"><a href="'+ arr[idx].href +'">' + slide.alt + '</a></li>';
            }else{
                var li = '<li><a href="'+ arr[idx].href +'">' + slide.alt + '</a></li>';
            }
            return li;
            
        },
        end:  function(options){
            jQuery('#image-dock').cycle(0);
        }
 
    });
    
    
    

});