$(document).ready(function() {
	// jQuery Coda Slider (services page)
	$('#coda-slider').codaSlider();


	// Homepage Quote Slider
	var pause = 13000; // milliseconds (13 seconds)
	var motion = 300;
	var quotes = $('#intro div');
	var count = quotes.length;
	var dots = $('#dots li a');
	var dotcount = dots.length;
	var i = 0;

	// run this animation when the page loads
	setTimeout(transition,pause);

	// Set the transition of the quotes and dots
	function transition(){
		quotes.animate({top:'255px'}, motion);
		dots.removeClass('active');
		if(++i>=count){
			i=0;
		}
		quotes.removeClass('current');
		quotes.eq(i).addClass('current').delay(500).animate({top:'15px'}, motion);
		dots.eq(i).addClass('active');
		setTimeout(transition, pause);
		console.log(pause);
	}

	// Trigger the transition when clicking each dot
	$("#dots li a").click(function() {
		quotes.animate({top:'255px'}, motion);
		dots.removeClass('active');
		i = $(this).attr('rel');
		$('#intro div.current').animate({top:'255px'}, motion);
		quotes.eq(i).animate({top:'15px'}, motion);
		$(this).addClass('active'); //Activate the clicked paging
		return false; //Prevent browser jump to link anchor
	});


	// add classes to the headers in columns
	$(".column h2:first-child").addClass("first");
	$(".column h3:first-child").addClass("first");
});

	// var pause = 13000;
	// var motion = 200;
	// var quotes = $('.quote');
	// var count = quotes.length;
	// var i = 0;
	// setTimeout(transition,pause);

	// transition = function(){
	// 	quotes.eq(i).animate({top:'255px'}, motion);
	// 	if(++i>=count){
	// 		i=0;
	// 	}
	// 	quotes.eq(i).delay(500).animate({top:'20px'}, motion);
	// 	setTimeout(transition, pause);
	// }