$(document).ready(function(){

$('#slide').cycle({
    fx:     'scrollUp',
    timeout: 6000,
    delay:  -2000
});

	// function onBefore() { 
	//     $('#slide').css({height: $('#slide p').height() }); 
	// }
	$("#before").click(function(event){
		event.preventDefault();
	});
	$("#after").click(function(event){
		event.preventDefault();
	});

	$("#before").mouseover(function(){
		$("#image").attr({src : "images/image_before.jpg"});
		$("#content-before-after-top-text").html("<p>BEFORE</p>");
		$("span#before").addClass("gray-text");
		$("span#after").removeClass("gray-text");
		return false;
	});
	$("#after").mouseover(function(){
		$("#image").attr({src : "images/image_after.jpg"});
		$("#content-before-after-top-text").html("<p>AFTER</p>");
		$("span#before").removeClass("gray-text");
		$("span#after").addClass("gray-text");
		return false;
	});
});