$(document).ready(function(){
	
	function onAfter() { 
	    $('#output').html(this.title); 
	}
	
	/* jquery commands here */
	$('.img-slideshow').cycle({ 
		pause: 1,
		timeout: 4000,
	    pager:  '.image-nav',
		after: onAfter,
		pagerAnchorBuilder: function(id, slide) { 
			
		        // Set this as the source for our image
		        return '<li><a href="#"><img src="' + slide.src + '" width="32" height="20" /></a></li>';
		}
	});
	
	 /* Clear out / restore input values */
	
	 // clear search field
	$('input').focus(function(){
		if($(this).val() == $(this).attr('title')){
			$(this).val('');
		}
	}).blur(function(){
		if($(this).val() == ''){
			$(this).val($(this).attr('title'));
		}
	});
});