﻿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) 			
 	var minMarginL = eval($(".portfolionav").css('margin-left').replace(/px/i,""));
 
 	var	portFolioNavCount = $(".portfolionav li").size();	// total number of images
	// get slidewindow and thumbnail size, inc padding & margins - ensure pixel units!

	var MarginLeft = eval($(".portfolionav").css('margin-left').replace(/px/i,""));
	var ThumbnailWidth = eval($(".portfolionav li").css('width').replace(/px/i,""));
	var ThumbnailPadLeft = eval($(".portfolionav li").css('padding-left').replace(/px/i,""));
	var ThumbnailPadRight = eval($(".portfolionav li").css('padding-right').replace(/px/i,""));
	var ThumbnailMarginLeft = eval($(".portfolionav li").css('margin-left').replace(/px/i,""));
	var ThumbnailMarginRight = eval($(".portfolionav li").css('margin-right').replace(/px/i,""));
	var ThumbnailTotalWidth = ThumbnailWidth+ThumbnailPadLeft+ThumbnailPadRight+ThumbnailMarginLeft+ThumbnailMarginRight;
	
	
	var slideWindowWidth = 6
	if ($("#slide_window")!='undefined') {
		slideWindowWidth = eval($("#slide_window").css('width').replace(/px/i,""));
	}
	var slideWindowImgCount = Math.floor(slideWindowWidth/ThumbnailTotalWidth)
	
	
	var maxMarginL = minMarginL - ((portFolioNavCount-slideWindowImgCount)*ThumbnailTotalWidth)
	var gestureSpeed = 1/(portFolioNavCount*2);

	var thumbStartPosition=0
	if(typeof(window.getStartPosition) == 'function') {
		if (isNaN(getStartPosition())) {thumbStartPosition=1};
		thumbStartPosition = getStartPosition()-1;			// 1st thumb displayed
	}
		
	MarginLeft = MarginLeft - (thumbStartPosition*ThumbnailTotalWidth)+"px";
	$(".portfolionav").css('margin-left',MarginLeft);	// initialise slideshow position

 	var slideWindowWidth = eval($("#slide_window").css('width').replace(/px/i,""));
	 	
	$('#slide_window').mousemove(function(e){
 		var MouseX = e.pageX - this.offsetLeft - slideWindowWidth/2;
 		var portfolionavMargin = eval($(".portfolionav").css('margin-left').replace(/px/i,""));
 		var newMargin = portfolionavMargin - gestureSpeed*MouseX;
		if (newMargin<maxMarginL) { newMargin = maxMarginL};
 		if (newMargin>minMarginL) { newMargin = minMarginL};
     	 $(".portfolionav").css('margin-left',newMargin);
	});

 			
	$("ul.portfolionav li").hover(function() {
		$(this).css({'z-index' : '100'});
		$(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("");
	});

	
}
