$(document).ready(function() {

    $('[title]').removeAttr('title');

$ (function() { 
	$('.thumbnails img').animate({
	"opacity" : 1
	});
	
	$('.thumbnails img').hover(function() {
		$(this).stop().animate({ "opacity" : .7 });
	}, function() {
		$(this).stop().animate({ "opacity" : 1});	
	});  	

    $('.slideshow p').cycle({
		 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		timeout: 0,
		pager:  '#nav', 
		next:   '#next , .slideshow', 
    	prev:   '#prev',
    	 after: onAfter
	});
	
	function onAfter(curr, next, opts, fwd) {
var index = opts.currSlide;
$('#prev')[index == 0 ? 'hide' : 'show']();
$('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
//get the height of the current slide
var $ht = $(this).height();
//set the container's height to that of the current slide
$(this).parent().css("height", $ht);
}
});

	
});