
	$(function() {
		$('#city_pictures a').lightBox(); // Select all links in object with gallery ID
		$('#minim_pictures a').lightBox();
		$('#peppermint_pictures a').lightBox();
		$('#quindalup_pictures a').lightBox();
		$('#rochdale_pictures a').lightBox();
		$('#concept_pictures a').lightBox();
		$('#trigg_pictures a').lightBox();
	});
	
	function insertImages(case_select, divId)
	{
		
		var contentHTML = "";
		switch(case_select)
		{
			case "city":
				contentHTML = "<img src='./images/projects/city/01.jpg' />\n<img src='./images/projects/city/02.jpg' />\n<img src='./images/projects/city/03.jpg' />\n<img src='./images/projects/city/04.jpg' />\n<img src='./images/projects/city/05.jpg' />";			 
				break;
			case "minim":
				contentHTML = "<img src='./images/projects/minim/01.jpg' />\n<img src='./images/projects/minim/02.jpg' />\n<img src='./images/projects/minim/03.jpg' />";			 
				break;
			case "peppermint":
				contentHTML = "<img src='./images/projects/peppermint/01.jpg' />\n<img src='./images/projects/peppermint/02.jpg' />\n<img src='./images/projects/peppermint/03.jpg' />";			 
				break;
			case "quindalup":
				contentHTML = "<img src='./images/projects/quindalup/01.jpg' />\n<img src='./images/projects/quindalup/02.jpg' />";			 
				break;
			case "rochdale":
				contentHTML = "<img src='./images/projects/rochdale/01.jpg' />\n<img src='./images/projects/rochdale/02.jpg' />\n<img src='./images/projects/rochdale/03.jpg' />\n<img src='./images/projects/rochdale/04.jpg' />\n<img src='./images/projects/rochdale/05.jpg' />";			 
				break;
			case "concept":
				contentHTML = "<img src='./images/projects/concept/01.jpg' />\n<img src='./images/projects/concept/02.jpg' />\n<img src='./images/projects/concept/03.jpg' />\n<img src='./images/projects/concept/04.jpg' />";			 
				break;
			default:
				break;
		}
		
		document.getElementById(divId).innerHTML = contentHTML;
		doslide(divId);
	}
		
	function doslide(picture_id)
	{
		picture_id = "#" + picture_id;
		
		$(picture_id).cycle({ 
		    fx:    'fade', 
		    speed:  2500,
		    timeout: 500 
		 });
	}
				
