$(function() {
	$('a.lightbox').lightBox(); 
});

$(function() {
    $("a#changeColor")
        .click(function() { 
        	var product = $(this).attr("product");
        	var color = $(this).attr("color");
            $("img#" + product).attr("src", "img/tuotekuvat/" + product + "-" +  color + "-thumb.jpg");
            $("img#" + product).parent().attr("href", "img/tuotekuvat/" + product + "-" + color + ".jpg");
        })
});

$(function() {
	$("select#color")
		.change(function() {
			var product = $(this).attr("product");
        	var color = $(this).attr("value");
        	$("img#" + product).attr("src", "img/tuotekuvat/" + product + "-" +  color + "-thumb.jpg");
            $("img#" + product).parent().attr("href", "img/tuotekuvat/" + product + "-" + color + ".jpg");
		});
});


$(function () {
	$('#cat1').hover(
		function() {
			$(this).stop().animate({opacity: 0.50}, 200);
		},
		function() {
			$(this).stop().animate({opacity: 1}, 200);
		}
	);
});

$(function () {
	$('#cat2').hover(
		function() {
			$(this).stop().animate({opacity: 0.50}, 200);
		},
		function() {
			$(this).stop().animate({opacity: 1}, 200);
		}
	);
});

$(function () {
	$('#cat3').hover(
		function() {
			$(this).stop().animate({opacity: 0.50}, 200);
		},
		function() {
			$(this).stop().animate({opacity: 1}, 200);
		}
	);
});

$(function () {
	$('#cat4').hover(
		function() {
			$(this).stop().animate({opacity: 0.50}, 200);
		},
		function() {
			$(this).stop().animate({opacity: 1}, 200);
		}
	);
});

$(function () {
	$('#cat5').hover(
		function() {
			$(this).stop().animate({opacity: 0.50}, 200);
		},
		function() {
			$(this).stop().animate({opacity: 1}, 200);
		}
	);
});