$(document).ready(function(){
	$('.portfolio')
		.css('cursor', 'pointer')
		.click(function(){
			$(this).css('background', 'none').children('a').show();
			$('h3').empty().append(' ');
			$('p').empty();
			return false;
		})
		.children('a').each(function(){
			$(this).css('background', 'url("' + $(this).attr('id') + '_sliver_bw.png") no-repeat')
				.click(function(){
					$(this).parent().css('background', 'url("' + $(this).attr('id') + '_full.png")')
						.children('a').hide().removeClass('active');
					$(this).addClass('active');
					switch($(this).attr('id')) {
						case 'triangle':
							$('h3').css('color', '#630021').empty().append('KU Chapter of Triangle');
							$('p').empty().append('PHP, Smarty, MySQL, XHTML, JS, CSS.');
							break;
						case 'transition':
							$('h3').css('color', '#5b7036').empty().append('Transition Coalition');
							$('p').empty()
								.append('<a href="http://transitioncoalition.org" target="_blank" class="portfolio_link">View</a>')
								.append('<br><br>')
								.append('PHP, Smarty, MySQL, XHTML, JS, CSS.')
								.children('a').css('color', '#5b7036');
							break;
						case 'foodpatio':
							$('h3').css('color', '#8e1e1a').empty().append('Foodpatio');
							$('p').empty()
								.append('<a href="http://foodpatio.com" target="_blank" class="portfolio_link">View</a>')
								.append('<br><br>')
								.append('Apache Struts, iBatis, Tiles, MySQL, XHTML, JS, CSS.')
								.children('a').css('color', '#8e1e1a');
							break;
						case 'engagement':
							$('h3').css('color', '#087070').empty().append('Mindy & Adam');
							$('p').empty()
								.append('<a href="http://mindyandadam.com" target="_blank" class="portfolio_link">View</a>')
								.append('<br><br>')
								.append('Django, MySQL, XHTML, JS, CSS.')
								.append('<br>')
								.append('Custom apps: blog, gallery, wishlist.')
								.children('a').css('color', '#087070');
							break;
						case 'recipology':
							$('h3').css('color', '#d36e74').empty().append('Recipology');
							$('p').empty()
								.append('<a href="http://recipology.com" target="_blank" class="portfolio_link">View</a>')
								.append('<br><br>')
								.append('Django, MySQL, XHTML, JS, CSS.')
								.append('<br>')
								.append('Custom apps: blog, cal, cookbook, cookbook2cal, djudge, ')
								.append('<a href="http://github.com/adamldoyle/mixins" target="_blank">mixins</a>')
								.append(', polls.')
								.children('a').css('color', '#d36e74');
							break;
					}
					return false;
				})
				.hover(function(){
					$(this).css('background', 'url("' + $(this).attr('id') + '_sliver.png") no-repeat');
				},
				function(){
					$(this).css('background', 'url("' + $(this).attr('id') + '_sliver_bw.png") no-repeat');
				});
		});
});

$.preloadImages = function(){
	for(var i = 0; i<arguments.length; i++){
		$("<img>").attr("src", arguments[i]);
	}
}

$.preloadImages(
	"engagement_sliver_bw.png", "foodpatio_sliver_bw.png", "recipology_sliver_bw.png", "transition_sliver_bw.png", "triangle_sliver_bw.png",
	"engagement_sliver.png", "foodpatio_sliver.png", "recipology_sliver.png", "transition_sliver.png", "triangle_sliver.png",
	"engagement_full.png", "foodpatio_full.png", "recipology_full.png", "transition_full.png", "triangle_full.png");