$(function() {
	// Industry picker load behavior
	
	//var images = Array();
	var first = true;
	var loaded_areas = new Array();
	
	$('div#industry-picker ul a').click(function() {
		var $first = $('div.industries-backing:eq(0)');
		var $second = $('div.industries-backing:eq(1)');
		var area = $(this).attr('class');
		var path = '/images/heros/';
		var ext = '.jpg';
	
       	if (first)
		{
			var first_bg = $first.css('background-image');
			$second.append('<img src="'+first_bg.substring(4,first_bg.length-1)+'" alt="" />').show();
		}
		else
		{
			$second.empty().append($first.find('img')).show();
		}
		
		if ( ! loaded_areas[area])
		{
			var image = new Image();
			image.src = path+area+ext;
			$(image).load(function() {
				$first.empty().append('<img src="'+path+area+ext+'" alt="" />');
				$second.fadeOut(0, function() {
					$('div#industries div.area:visible').fadeOut(function() {
						$('div#industries div.'+area).fadeIn();
					});
				});
				if ( ! loaded_areas[area]) loaded_areas[area] = true;
				first = false;
			});
		}
		else
		{
			$first.empty().append('<img src="'+path+area+ext+'" alt="" />');
			$second.fadeOut(0, function() {
				$('div#industries div.area:visible').fadeOut(function() {
					$('div#industries div.'+area).fadeIn();
				});
			});
			if ( ! loaded_areas[area]) loaded_areas[area] = true;
		}
		
		return false;
	});
});