$(document).ready(function() {
	// dynamic lead
	currDL = 1;
	$('.dot').click(function() {
		// make sure this dot isn't current already
		if($(this).hasClass('dotCurr')) {
			return false;
		} else if($('.dl').is(':animated')) {
			console.debug('animating, please wait.');
			return false;
		} else{
			// get the old and new DL
			var newDL 	= $(this).attr('id').substr(4,5);
			
			// slide out old DL
			$('#dl_' + currDL).animate({
				left: '-=8000'
			}, 500, 'swing', function() { 
				$(this).css({'left':'8000px'})
			}).removeClass('currDL');
			
			// slide in new DL
			$('#dl_' + newDL).animate({
				left: '-=8000'
			}, 500).addClass('currDL');
			
			// change current dot
			$('.dot').removeClass('dotCurr');
			$('#dot_' + newDL).addClass('dotCurr');
			
			currDL 	= newDL;
			newDL 	= 0;
		}
	});
});