$(document).ready(function(){
				$("ul.thumb li.print").hover(function() {
					$(this).addClass("active").stop()

					$("ul.thumb li").find('img.print').css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
					$("ul.thumb li").find('img.web').css({'z-index' : '0'}); /* Set z-index back to 0 */
					$("ul.thumb li").find('img.motion').css({'z-index' : '0'}); /* Set z-index back to 0 */
					$("ul.thumb li").find('img.games').css({'z-index' : '0'}); /* Set z-index back to 0 */	

				$("ul.thumb li").find('img.print').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
					.animate({
						marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
						marginLeft: '-110px',
						top: '50%',
						left: '50%',
						width: '173px', /* Set new width */
						height: '173px', /* Set new height */
						padding: '20px'
					}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

				} , function() {
				$(this).removeClass("active").stop()
				$("ul.thumb li").find('img.print').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
					.animate({
						marginTop: '0', /* Set alignment back to default */
						marginLeft: '0',
						top: '0',
						left: '0',
						width: '150px', /* Set width back to default */
						height: '150px', /* Set height back to default */
						padding: '0px'
					}, 400);
						$("ul.thumb li").find('img.web').css({'z-index' : '0'}); /* Set z-index back to 0 */
				});


				$("ul.thumb li.web").hover(function() {
					$(this).addClass("active2").stop()

					$("ul.thumb li").find('img.web').css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
					$("ul.thumb li").find('img.print').css({'z-index' : '0'}); /* Set z-index back to 0 */
					$("ul.thumb li").find('img.motion').css({'z-index' : '0'}); /* Set z-index back to 0 */
					$("ul.thumb li").find('img.games').css({'z-index' : '0'}); /* Set z-index back to 0 */

				$("ul.thumb li").find('img.web').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
					.animate({
						marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
						marginLeft: '-110px',
						top: '50%',
						left: '50%',
						width: '173px', /* Set new width */
						height: '173px', /* Set new height */
						padding: '20px'
					}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

				} , function() {
				$(this).removeClass("active2").stop()
				$("ul.thumb li").find('img.web').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
					.animate({
						marginTop: '0', /* Set alignment back to default */
						marginLeft: '0',
						top: '0',
						left: '0',
						width: '150px', /* Set width back to default */
						height: '150px', /* Set height back to default */
						padding: '0px'
					}, 400);
				});

				$("ul.thumb li.motion").hover(function() {
					$(this).addClass("active3").stop()
					$("ul.thumb li").find('img.motion').css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
					$("ul.thumb li").find('img.print').css({'z-index' : '0'}); /* Set z-index back to 0 */
					$("ul.thumb li").find('img.web').css({'z-index' : '0'}); /* Set z-index back to 0 */
					$("ul.thumb li").find('img.games').css({'z-index' : '0'}); /* Set z-index back to 0 */
				
				$("ul.thumb li").find('img.motion').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
					.animate({
						marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
						marginLeft: '-110px',
						top: '50%',
						left: '50%',
						width: '173px', /* Set new width */
						height: '173px', /* Set new height */
						padding: '20px'
					}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

				} , function() {
				$(this).removeClass("active3").stop()
				$("ul.thumb li").find('img.motion').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
					.animate({
						marginTop: '0', /* Set alignment back to default */
						marginLeft: '0',
						top: '0',
						left: '0',
						width: '150px', /* Set width back to default */
						height: '150px', /* Set height back to default */
						padding: '0px'
					}, 400);
				});


				$("ul.thumb li.games").hover(function() {
					$(this).addClass("active4").stop()

					$("ul.thumb li").find('img.games').css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
					$("ul.thumb li").find('img.print').css({'z-index' : '0'}); /* Set z-index back to 0 */
					$("ul.thumb li").find('img.motion').css({'z-index' : '0'}); /* Set z-index back to 0 */
					$("ul.thumb li").find('img.web').css({'z-index' : '0'}); /* Set z-index back to 0 */

				$("ul.thumb li").find('img.games').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
					.animate({
						marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
						marginLeft: '-110px',
						top: '50%',
						left: '50%',
						width: '173px', /* Set new width */
						height: '173px', /* Set new height */
						padding: '20px'
					}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

				} , function() {
				$(this).removeClass("active4").stop()
				$("ul.thumb li").find('img.games').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
					.animate({
						marginTop: '0', /* Set alignment back to default */
						marginLeft: '0',
						top: '0',
						left: '0',
						width: '150px', /* Set width back to default */
						height: '150px', /* Set height back to default */
						padding: '0px'
					}, 400);
				});

			});