//jquery Cycle Slider
//-------------------
$('ul#fader').cycle({
	fx: 'fade', 
	speed:  800, 
	timeout: 4000,
	sync:1,
	pause:1,
	//easing: "easeInOutBack",
	before: onBefore, 
	after: onAfter,
	pager:  '#slider_nav', 
	
	// callback fn that creates a thumbnail to use as pager anchor 
	pagerAnchorBuilder: function(idx, slide) { 
		return '<li><a href="#"></a></li>'; 
	}
});		
$("#slide_desc").css({'left': "-250px"});
function onBefore() { 
	$("#slide_desc").animate({'left': "-250px", 'opacity':"0"}, 400);
} 
function onAfter() { 
	var description = $(this).children(".desc").html();
	$("#slide_desc").animate({'left': "0px", 'opacity':"1"}, 400);
	$('#slide_desc').html(description); 
}