$(document).ready(function() 
{
	$(".imageSquare").hover(
      function () {
        $(this).addClass("hoveredSquare");
      }, 
      function () {
        $(this).removeClass("hoveredSquare");
      }
    );	

});



	
function updateImage(newSrcName, newAlt, imagePlaceHolder, imageLinkPlaceHolder, timeOut, timeIn)
{
	var newSrc = newSrcName + ".jpg";
	var newSrcSm = newSrcName + "_sm.jpg";
	
	//Fade out current image
	$(imagePlaceHolder).animate({ opacity: 0}, timeOut );
	//Change image src
	$(imagePlaceHolder).queue(function() {
		$(this).attr({src: newSrcSm, alt: newAlt});
		if(imageLinkPlaceHolder != null)
		{
			$(imageLinkPlaceHolder).attr({href: newSrc, title: newAlt});
		}
		$(this).dequeue();
	});
	
	$(imagePlaceHolder).queue(function() {
		$(this).animate({ 
			opacity: 1
		  }, timeIn );
		$(this).dequeue();
	});
	
}

function updateImageSquares(idName)
{
	$(".imageSquare").removeClass("selectedSquare");
	$("#" + idName).addClass("selectedSquare");
}