$(document).ready(function() {
	
	var fade_speed = 400;
	var transition_speed = 4.25;
	var container = $('#side-cycle-promo');
	
	$(container).find('#side-cylcle-viewer-big') 
	.cycle({
	    fx:     'fade', 
	    speed:  fade_speed,
	    timeout: transition_speed*1000,
	    delay: 0,
	    pager:  $(container).find('.dip-nav'),
	    activePagerClass: 'on',
	    slideExpr: 'a',
		pagerAnchorBuilder: function(idx, slide) {
			return '<li><a class="dip-nav-link" href="#"></a></li>';
		}
	});

/*

		Designed to work locally on any dip-nav/dip-viewer combo.
		So, multiple instances can exist
	
	// Variables
	var transition_speed = 500; // milliseconds
	var rotation_delay = 10; // seconds
	var selection = 0;
	var total = $('#artist-promo .dip-nav li').size();
	
	setInterval(function() {
		
		if(selection < (total-1)) {
			selection = selection + 1;
		} else {
			selection = 0;
		}
		
		$('#artist-promo .dip-nav li a:eq('+selection+')').trigger('click');
		return false;
		
	},rotation_delay*1000);

	// Navigation
	$('.dip-nav li a').live('click', function(event) {
		event.preventDefault();
		
		// Select
		$(this).closest('.dip-nav').find('li').removeClass('on');
		$(this).parent().addClass('on');
		
		// Variables
		selection = $(this).parent().index();
		var dip_viewer = $(this).closest('div').find('.dip-viewer');
		var element = $(dip_viewer).find('li'); // Assumes all elements have same width
		var element_width = $(element).width();
		
		//var left = offset.left + 'px';
		$(dip_viewer).find('ul').animate({
			left: -(selection*element_width)
		},{
			duration: transition_speed,
			easing: "swing"
		});
		
		return false;
	});
	
*/

});