// JavaScript Document

$(document).ready(function() {
						   
	
	$('#big').load(function() {
							
		var this_src = $(this).attr("src");
		
		if (this_src == ("images/online/1.jpg")) {
			
			var width = 500; //parseInt($("#1").css("width"));
			var height = 380; //parseInt($("#1").css("height"));
			
			$(this).css({'border' : '1px solid #e5e5e5', 'width' : (width-2), 'height' : (height-2)});
			
			$("#big_link").attr('href', 'http://www.joytolife.org');
						
		}
						  
	});

	$('#1').load(function() {
	
		var width = 79; //parseInt($("#1").css("width"));
		var height = 65; //parseInt($("#1").css("height"));
						   
		$(this).css({'border' : '2px solid #000', 'width' : (width-4), 'height' : (height-4)});
		
	});
	
	//$('#1').click(function() {
	
		
	//});
					
				
	$("img.thumb").click(function() {
							
		var this_id = $(this).attr('id');
		
		if (this_id != 'big') {
									  				  
													  
			var this_src = $(this).attr("src");
			
			
			if (this_src == ("images/home/thumbs/" + this_id + ".jpg"))
				var src = "images/home/" + this_id + ".jpg";
			
			if (this_src == ("images/online/thumbs/" + this_id + ".jpg"))
				var src = "images/online/" + this_id + ".jpg";
				
			if (this_src == ("images/photo/thumbs/" + this_id + ".jpg"))
				var src = "images/photo/" + this_id + ".jpg";
						
			
			$("#big").attr("src", src);
			
			if (this_src == ("images/online/thumbs/" + this_id + ".jpg"))
				
				if (this_id == 1)
					$("#big_link").attr('href', 'http://www.joytolife.org');
				if (this_id == 2)
					$("#big_link").attr('href', 'http://www.turtletreetreats.com');
				if (this_id == 3)
					$("#big_link").attr('href', 'http://www.breastcancertv.net');
				if (this_id == 4)
					$("#big_link").attr('href', 'http://www.summithousingpartners.com');
				if (this_id == 5)
					$("#big_link").attr('href', 'http://www.americanvisualdisplay.com');
				if (this_id == 6)
					$("#big_link").attr('href', 'http://www.chocodelphia.com');
				
			}
								
					
			var width = 79; //parseInt($(this).css("width"));
			var height = 65; //parseInt($(this).css("height"));
			
			
			$(".thumb").each(function() {
				$(this).css({'border' : '0', 'width' : width, 'height' : height});
			  });
			
			
			$(this).css({'border' : '2px solid #000', 'width' : (width-4), 'height' : (height-4)});
			
			
		}
	  
	});
  
 });