/* Randomizer script for detail pictures */

(function($){
	
	$.randomImage = {
		defaults: {
			
			//you can change these defaults to your own preferences.
			path: 'images/banners/', //change this to the path of your images
			myImages: ['det_001.jpg', 'det_002.jpg', 'det_003.jpg', 'det_004.jpg', 'det_005.jpg', 'det_006.jpg', 'det_007.jpg', 'det_008.jpg', 'det_009.jpg', 'det_010.jpg', 'det_011.jpg', 'det_012.jpg', 'det_013.jpg', 'det_014.jpg', 'det_015.jpg', 'det_016.jpg', 'det_017.jpg', 'det_018.jpg', 'det_019.jpg', 'det_020.jpg', 'det_021.jpg', 'det_022.jpg', 'det_023.jpg', 'det_024.jpg', 'det_025.jpg', 'det_026.jpg', 'det_027.jpg', 'det_028.jpg', 'det_029.jpg', 'det_030.jpg', 'det_031.jpg', 'det_032.jpg', 'det_033.jpg', 'det_034.jpg', 'det_035.jpg', 'det_036.jpg', 'det_037.jpg', 'det_038.jpg', 'det_039.jpg', 'det_040.jpg', 'det_041.jpg', 'det_042.jpg', 'det_043.jpg', 'det_044.jpg', 'det_045.jpg', 'det_046.jpg', 'det_047.jpg', 'det_048.jpg', 'det_049.jpg', 'det_050.jpg', 'det_051.jpg', 'det_052.jpg', 'det_053.jpg',  ] //put image names in this bracket. ex: 'harold.jpg', 'maude.jpg', 'etc'
			
		}			
	}
	
	$.fn.extend({
			randomImage:function(config) {
				
				var config = $.extend({}, $.randomImage.defaults, config); 
				
				 return this.each(function() {
						
						var imageNames = config.myImages;
						
						//get size of array, randomize a number from this
						// use this number as the array index

						var imageNamesSize = imageNames.length;

						var lotteryNumber = Math.floor(Math.random()*imageNamesSize);

						var winnerImage = imageNames[lotteryNumber];

						var fullPath = config.path + winnerImage;
						
						
						//put this image into DOM at class of randomImage
						// alt tag will be image filename.
						$(this).attr( {
										src: fullPath,
										alt: winnerImage
									});
				
				});	
			}
			
	});
	
	
	
})(jQuery);


/* Hover projects */

$(document).ready(function() {
    //call the jQuery Hover Over and Out
    $('.Project').hover(over, out);
    //Tell the browser to change the background when hovered over
    function over(event) {
    $(this).css("background", "#f1f4f7");
	$(this).css("cursor", "pointer");
    }
    //tell the browser to change the background to nothing when 
    //going outside the object area
    function out(event) {
	$(this).css("background", "#fff");
	}
});


// usage:
// $(elem).infinitescroll(options,[callback]);
 
// infinitescroll() is called on the element that surrounds 
// the items you will be loading more of
$(document).ready(function() {
	
  $('#Projects').infinitescroll({
 
  navSelector  : "div.navigation",            
                 // selector for the paged navigation (it will be hidden)
 
  nextSelector : "div.navigation a:first",    
                 // selector for the NEXT link (to page 2)
 
  itemSelector : "#Projects div.post",          
                 // selector for all items you'll retrieve
 
  debug        : false,                        
                 // enable debug messaging ( to console.log )
 
  loadingImg   : "../images/loading.gif",          
                 // loading image.
                 // default: "http://www.infinite-scroll.com/loading.gif"
 
  loadingText  : "Loading new posts...",      
                 // text accompanying loading image
                 // default: "<em>Loading the next set of posts...</em>"
 
  animate      : true,      
                 // boolean, if the page will do an animated scroll when new content loads
                 // default: false
 
  extraScrollPx: 150,      
                 // number of additonal pixels that the page will scroll 
                 // (in addition to the height of the loading div)
                 // animate must be true for this to matter
                 // default: 150
 
  donetext     : "I think we've hit the end, Jim" ,
                 // text displayed when all items have been retrieved
                 // default: "<em>Congratulations, you've reached the end of the internet.</em>"
 
  bufferPx     : 40,
                 // increase this number if you want infscroll to fire quicker
                 // (a high number means a user will not see the loading message)
                 // new in 1.2
                 // default: 40
 
});
});