function Project(json){
	
	var _self = this;
	this.div = $(".section").first().clone(); 
	$(".section").first().remove()

	$.each(json, function(index, p) {
		$.each(p, function(i, project) {
			var local_div = _self.div.clone();
			console.log(" haisdf "+project.name)
			// name!
			local_div.children('h3').first().html(project.name);
			
			// description!
			var desc_p = $('<p />').html(project.description+" ").append($('<span />').attr('class', 'boldish').text(project.year))
			desc_p.appendTo(local_div.children('.project_box').first().children('.description').first());
			
			// technologies!
			$('<p />').text(project.technologies).prepend($('<span />').attr('class', 'boldish').text('I used: '))
				.appendTo(local_div.children('.project_box').first().children('.description').first());
			
			// links
			$('<a />').attr('target', '_blank').attr('href', project.url).text(project.url_display)
				.appendTo(local_div.children('.project_box').first().children('.description').first());
			
			//images 
			$.each(project.images, function(j, img) {
				$('<li />').attr('class','gallery_image').prepend( 
					$('<img />').attr('height', '396').attr('width','623').attr('alt', project.name).attr('src', img.file) 
				).appendTo(local_div.children('.project_box').first().children('.image_gallery').first());
			})
			
			if (project.images.length < 2) {
				local_div.children('.project_box').first().children('.image_gallery').addClass('no_arrows')
			}
			
			// stupid clearfloats div. sigh.	
			$('<div />').attr('class', 'clearfloats')
				.appendTo(local_div.children('.project_box').first().children('.description').first());
				
			
					
			$("#recent_work").append(local_div);
			
		})
		
	});


}
