// configures cycle for slideshow
$(document).ready(function() {
	$(".slideshow > .slides").cycle({
		timeout: 5000,
		prev: "#prev",
		next: "#next",
		pause: 1,
		before: onBefore
	});
	$(".slideshow").hover(
		function (mouseEvent) {
			$("#prev, #next").css("display", "block");		
		},
		function (mouseEvent) {
			$("#prev, #next").css("display", "none");
		}
	);
	$("#prev, #next").bind({
		mouseenter: function (mouseEvent) {
			$(".slideshow > .slides").cycle("pause");	
		},
		mouseleave: function (mouseEvent) {
			$(".slideshow > .slides").cycle("resume");
		}
	});
});

function onBefore() {
	(this.hasChildNodes()) ? $("#title").html(this.getElementsByTagName("img")[0].alt) : $("#title").html(this.alt);
}