$(function() {
    $('#slides').cycle({
        fx:     'fade',
        speed:  '600',
        timeout: 6000,
        pager:  '#navlist',
        pagerEvent: 'mouseover',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#navlist li:eq(' + (idx) + ') a';
        }
    });
    
    
    /* TURN ON MAIN NAV HOVER STYLES IF CURSOR IS HOVERING OVER A TILE */
     $('#slides #tile_food').hover(function() {
        $('#list-item0 > a').addClass('active');        
      }, function() {
        $('#list-item0 > a').removeClass('active');
      });
      
       $('#slides #tile_fashion').hover(function() {
        $('#list-item1 > a').addClass('active');        
      }, function() {
        $('#list-item1 > a').removeClass('active');
      });
      
       $('#slides #tile_art').hover(function() {
        $('#list-item2 > a').addClass('active');        
      }, function() {
        $('#list-item2 > a').removeClass('active');
      });
      
       $('#slides #tile_speed').hover(function() {
        $('#list-item3 > a').addClass('active');        
      }, function() {
        $('#list-item3 > a').removeClass('active');
      });
      
       $('#slides #tile_society').hover(function() {
        $('#list-item4 > a').addClass('active');        
      }, function() {
        $('#list-item4 > a').removeClass('active');
      });
      
       $('#slides #tile_spa').hover(function() {
        $('#list-item5 > a').addClass('active');        
      }, function() {
        $('#list-item5 > a').removeClass('active');
      });   
});