var images = {
	
		photos : [
		
		{	
			'src'  	:   '_img/thumb-enzo.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/enzo.php'
		},
		
		{	
			'src'  	:   '_img/thumb-poetrysociety.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/poetrysociety.php'
		},
		
		{	
			'src'  	:   '_img/thumb-logos.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/logos.php'
		},
		
		{	
			'src'  	:   '_img/thumb-xcelerate.gif', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/xceleratefitness.php'
		},
		
		{	
			'src'  	:   '_img/thumb-grillbro.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/grillingbrochure.php'
		},
		
		
		{	
			'src'  	:   '_img/thumb-ctfaannual.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/ctfa-annual.php'
		},
		
		{	
			'src'  	:   '_img/thumb-ucmerced.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/ucmerced.php'
		},
	
		
		
		{	
			'src'  	:   '_img/thumb-buycal.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/buycal.php'
		},
		
		
		{	
			'src'  	:   '_img/thumb-fdfolder.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/fd-folder.php'
		},
		
		
		{	
			'src'  	:   '_img/thumb-cffa.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/cffa.php'
		},
		
		
		{	
			'src'  	:   '_img/thumb-fdweb.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/fd-web.php'
		},
		
		
		{	
			'src'  	:   '_img/thumb-camerad.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/camerad-web.php'
		},
		
		
		{	
			'src'  	:   '_img/thumb-tonnellerieo.png', 
			'alt'	:   'Project Thumbnail', 
			'href' 	: 	'/_projects/tonnellerieo.php'
		}
				
		]
				
	
	}
	
	// set varible to JSON value
	var photos = images.photos
	// set variable to number of total photos available 
	var numberOfImages = photos.length;
	// create new array to hold random images
	var randomImages = new Array();
	// set a variable for the total amount of images wanted
	var wantedImages = 12;
	
	
	// start loop for selecting amount of wantedImages
	for(i = 0; i < wantedImages; i++) {
		
		// set variable to check if random number has already been selected
		var found = false;
		// pick random number
		var pickRandomNumber = Math.round(Math.random() * (numberOfImages-1));
	
		
		// start loop through total number of images
		for(j = 0; j < numberOfImages; j++) {
			
			
			// if image is already selected break loop and set found to true
			if(randomImages[j] == pickRandomNumber) {
				found = true;
				break;
				
			}
						
			
		}
		
	 	// if found is true start loop again
		if (found) {
			
				i--;
				
			// else add random imags to array	
			}else {
				randomImages[i] = pickRandomNumber;
			}
		
		

		
	}
	
	// select the div put the images in
	var _projects = document.getElementById('portfoliohome');
	// create a new array to hold the html to display the iamges
	var imageArray = [];

	// place each image then array
for (k = 0; k < randomImages.length; k++) {
var position = randomImages[k];
imageArray.push('<li><a href="' + photos[position].href + '"><img src="' + photos[position].src + '" alt="' + photos[position].alt + '" /></a></li>' )
		
	
		
	
		
		
	}
	
	// add the imges in the dom.
	_projects.innerHTML = imageArray.join('');