$(document).ready(function() {
	$("a.button").hover(
      function () {
        $(this).children('div').css({backgroundPosition: '21px 0px'});
      }, 
      function () {
        $(this).children('div').css({backgroundPosition: '0px 0px'});
      }
    );

	$("a.button").click(function() {
	  var largePath = $(this).attr("href");
	  var largeAlt = $(this).attr("title");	  
	  var largeDetail = $(this).attr("detail");	 
	  var category = $(this).attr("category");	 
	  $("#main_box_showcase").attr({ src: largePath, title: largeAlt  });
	  $("#main_box_showcase").css('display','none');	  	  
	  $("#main_box_showcase").fadeIn();	
	  $("h2").html(largeAlt);
	  $("p.showcase").html(largeDetail);	
	  $(".thumbs_section").find('img#clicked').attr({ src: 'img/blank.png'});	 
		$(this).find('img#clicked').attr({ src: 'img/thumbs_'+ category +'ro.gif'});	 
		return false;
	})


});