$(function() { 

		$(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })

		// http://jqueryfordesigners.com/coda-slider-effect/	
		  var $panels = $('#slider .scrollContainer > div');
		  var $container = $('#slider .scrollContainer');
		  var horizontal = true;
		  
		  // float the panels left if we're going horizontal
		  if (horizontal) {
			$panels.css({
			  'float' : 'left',
			  'position' : 'relative' // IE fix to ensure overflow is hidden
			});
			// calculate a new width for the container (so it holds all panels)
			$container.css('width', $panels[0].offsetWidth * $panels.length);
		  }
		  // collect the scroll object, at the same time apply the hidden overflow
		  // to remove the default scrollbars that will appear
		  var $scroll = $('#slider .scroll').css('overflow', 'hidden');
		  
		  // apply our left + right buttons
		  $scroll
			.before('<a class="scrollButtons left">Previous</a>')
			.after('<a class="scrollButtons right">Next</a>');
	
		  var offset = parseInt((horizontal ? $container.css('paddingTop') : $container.css('paddingLeft')) || 0) * -1;
		  
		  var scrollOptions = {
			target: $scroll, 
			items: $panels,
			navigation: '.navigation a',
			prev: 'a.left', 
			next: 'a.right',
			axis: 'x',
			offset: offset,
			duration: 600,
			easing: 'easeinout',
			interval:		6000,
			cycle: true,
			lock: true,
			start: 0,
			force:true
		  };
		  
		  $('#slider').serialScroll(scrollOptions);
	
	});