﻿function portfolioAnimation() {
	var zoom 	= 1.6625;		//zoom percentage, 1.6626 =166.25%  
 	var tIn		= 333			//mouseover animation duration, ms
 	var tOut	= 333			//mouseover animation duration, ms
	var originalWidth = 80		// width of 1st thumbnail
	var originalHeight = 60	// height of 1st thumbnail
//	var originalWidth = $("ul.portfolionav li img").width();		// width of 1st thumbnail
//	var originalHeight = $("ul.portfolionav li img").height();			// height of 1st thumbnail
 	var zoomWidth	= originalWidth * zoom;  
 	var zoomHeight	= originalHeight * zoom;
 	var topMargin	= -1*(originalHeight)
 	var leftMargin	= -1*(originalWidth) 			
 			
 			
	$("ul.portfolionav li").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop().animate({ marginTop: topMargin, marginLeft: leftMargin, top: '50%', left: '50%', width: zoomWidth, height: zoomHeight }, {duration:tIn});
		$('#link_title').html($(this).find('img').attr("alt"));
	}, 
	function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop().animate({ marginTop: '0', marginLeft: '0', top: '0', left: '0', width: originalWidth, height: originalHeight }, {duration:tOut});
		$('#link_title').html("");
	});
}
