$(document).ready(function() {

	$('[id^=baby]').addClass("portfolio_item_inactive");
	
    $('[id^=baby]').hover(function() {
		$(this).addClass('portfolio_item_active');
		}, function() {
		$(this).removeClass('portfolio_item_active');
	});
	
	var active_image = 1;
	
	$('#image1').click(function() {
		if (active_image != 1) {
			active_image = 1;
			$("#portfolioimage").fadeOut("fast", function(){
			$("#portfolioimage").html('<img src="images/' + product_name + '1.jpg" alt="" title=""/>');
			$("#portfolioimage").fadeIn("slow");
		});
		}
	});
	
	$('#image2').click(function() {							   
		if (active_image != 2) {
			active_image = 2;
			$("#portfolioimage").fadeOut("fast", function(){
			$("#portfolioimage").html('<img src="images/' + product_name + '2.jpg" alt="" title=""/>');
			$("#portfolioimage").fadeIn("slow");
		});
		}
	});	
		
	$('#image3').click(function() {							   
		if (active_image != 3) {
			active_image = 3;
			$("#portfolioimage").fadeOut("fast", function(){
			$("#portfolioimage").html('<img src="images/' + product_name + '3.jpg" alt="" title=""/>');
			$("#portfolioimage").fadeIn("slow");
		});
		}
	});
	
	$('#image4').click(function() {							   
		if (active_image != 4) {
			active_image = 4;
			$("#portfolioimage").fadeOut("fast", function(){
			$("#portfolioimage").html('<img src="images/' + product_name + '4.jpg" alt="" title=""/>');
			$("#portfolioimage").fadeIn("slow");
		});
		}
	});
});