$(document).ready(function() {

	var container = $('#home-big-dip');
	var fade_speed = container.attr('data-fadespeed');
	
	$(container).find('.container') 
	.cycle({
	    fx:     'fade', 
	    speed:  fade_speed,
	    timeout: container.attr('data-timeoutspeed'), //transition_speed*1000,
	    delay: 0,
	    pager:  $(container).find('.dip-nav'),
	    activePagerClass: 'on',
		pagerAnchorBuilder: function(idx, slide) {
			return '<li><a class="dip-nav-link" href="#"></a></li>';
		},
		before: function(currSlideElement, nextSlideElement, options, forwardFlag) {
		
			// Propagate sub-text
			var subtext = $(nextSlideElement).find('img').attr('data-subtext');
			var subtext_container = $(container).find('.subtext');
			
			if(subtext.length > 0)
				subtext_container.html(subtext).fadeIn(fade_speed);
			else
				subtext_container.fadeOut(fade_speed);
			
			// Adjust slider (Only applicable on home-page)
			var index = $(nextSlideElement).index();
			if(index < 0) index = 0;
			
			var dip_highlight = $('#dip-highlight .dip-highlight');
			
			var offset = 0;
			
			switch(index)
			{
			case 0:
				offset = 0;
				break;
			case 1:
				offset = 172;
				break;
			case 2:
				offset = 340;
				break;
			default:
				offset = 0;
			}
			
			$(dip_highlight).animate({
				left: (offset)
			},{
				duration: fade_speed,
				easing: "swing"
			});
		}
		
	});

	
});