$(document).ready(function () {
    	
   $(".imageclick").click(function(){
   		var itemValue = this.id;
   		$("#card").attr('value', itemValue);
  		
  		$('#cardImage img').attr('src', 'images/large/' + itemValue + '.jpg');

    });
    
    $('img.image00').hover(function() { $(this).attr("src","images/image00_hover.png"); }, function() { $(this).attr("src","images/image00.png");});
    $('img.image01').hover(function() { $(this).attr("src","images/image01_hover.jpg"); }, function() { $(this).attr("src","images/image01.jpg");});
    $('img.image02').hover(function() { $(this).attr("src","images/image02_hover.jpg"); }, function() { $(this).attr("src","images/image02.jpg");});
    $('img.image03').hover(function() { $(this).attr("src","images/image03_hover.jpg"); }, function() { $(this).attr("src","images/image03.jpg");});
    $('img.image04').hover(function() { $(this).attr("src","images/image04_hover.jpg"); }, function() { $(this).attr("src","images/image04.jpg");});
    $('img.image05').hover(function() { $(this).attr("src","images/image05_hover.jpg"); }, function() { $(this).attr("src","images/image05.jpg");});
    $('img.image06').hover(function() { $(this).attr("src","images/image06_hover.jpg"); }, function() { $(this).attr("src","images/image06.jpg");});
    $('img.image07').hover(function() { $(this).attr("src","images/image07_hover.jpg"); }, function() { $(this).attr("src","images/image07.jpg");});
    $('img.image08').hover(function() { $(this).attr("src","images/image08_hover.jpg"); }, function() { $(this).attr("src","images/image08.jpg");});
    $('img.image09').hover(function() { $(this).attr("src","images/image09_hover.jpg"); }, function() { $(this).attr("src","images/image09.jpg");});
    $('img.image10').hover(function() { $(this).attr("src","images/image10_hover.jpg"); }, function() { $(this).attr("src","images/image10.jpg");});
    $('img.image11').hover(function() { $(this).attr("src","images/image11_hover.jpg"); }, function() { $(this).attr("src","images/image11.jpg");});
    $('img.image13').hover(function() { $(this).attr("src","images/image13_hover.jpg"); }, function() { $(this).attr("src","images/image13.jpg");});
    $('img.image14').hover(function() { $(this).attr("src","images/image14_hover.jpg"); }, function() { $(this).attr("src","images/image14.jpg");});
    $('img.image15').hover(function() { $(this).attr("src","images/image15_hover.jpg"); }, function() { $(this).attr("src","images/image15.jpg");});
    $('img.image16').hover(function() { $(this).attr("src","images/image16_hover.jpg"); }, function() { $(this).attr("src","images/image16.jpg");});
    $('img.image17').hover(function() { $(this).attr("src","images/image17_hover.jpg"); }, function() { $(this).attr("src","images/image17.jpg");});
    $('img.image18').hover(function() { $(this).attr("src","images/image18_hover.jpg"); }, function() { $(this).attr("src","images/image18.jpg");});
        
    

	
});