// JavaScript Document

$(document).ready(function() {
						   
	// create automated image rollovers

	$('.mainnav img').each(function() {    // pulls all <img> tags inside div class "mainnav"
	
		var imgFile = $(this).attr('src');    // pulls each image's "src" attribute in turn
		
		var preloadImage = new Image();    // creates preload function
		
		preloadImage.src = imgFile.replace(/1.jpg/, '2.jpg');    // uses "replace" function to make, e.g., "home2.jpg" out of "home.jpg"
		
		$(this).hover(    
		
			function() {    // jQuery "hover" function takes two arguments, first "mouseover" and then "mouseout"
			
				$(this).attr('src', preloadImage.src);
				
			},
			
			function() {
			
				$(this).attr('src', imgFile);
		
			}
		
		); // end "hover"
	
	}); // end "each"
	
	
	
	// create gallery slideshow
	
	$('#portfolio-slideshow p:first-child').before('<div id="slideshow-prev"></div>').after('<div id="slideshow-next"></div><br class="clear" /><div id="number"></div><br />').addClass('slideshow');
	
	$('#portfolio-slideshow p').cycle({ 
									  
		slideExpr: 'img',
		fx: 'fade',
		speed: 400,
		timeout: 0, 
		prev: '#slideshow-prev', 
		next: '#slideshow-next',
		pager: '#number'
		 
    // callback fn that creates a thumbnail to use as pager anchor 
    /* pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; 
    } */
									  
	
	
	});
	
}); // end "ready"