/*	
		Toucan Web Design	-	Image Zoom Mod		18 September 2009
		http://www.toucanwebdesign.com
	*/
	jQuery.noConflict();
	jQuery(document).ready(function(){
		jQuery.fn.makeZoom = function(){
			
			var zoomStatus = false;
			var mouseX = 0;
			var mouseY = 0;
			var rectW = 0;
			var rectH = 0;
			var rectX = 0;
			var rectY = 0;
			var origW = 0;
			var origH = 0;
			var origPos = null;
			var zoomW = 0;
			var zoomH = 0;
			var factW = 0;
			var factH = 0;
			var relX = 0;
			var relY = 0;
			var minLeft = 0;
			var minTop = 0;

			jQuery(this).hover(function(ev){
				if(jQuery("#mainImgContainer").attr('href') && jQuery("#mainImgContainer").attr('href') != '#'){
					if(!zoomStatus){
						origW = jQuery(this).width();
						origH = jQuery(this).height();
						jQuery("#safe-container").html('<img src="'+jQuery("#mainImgContainer").attr('href')+'" border="0" alt="Toucan Zoom Image" id="toucan-zoom-image" />').css('left', (origW+10)+'px').css('height', origH+'px').css('width', origW+'px').show();
						origPos = jQuery(this).parent().parent().offset();
						var leftMargin = jQuery(this).parent().position().left;
						if(leftMargin){		minLeft = leftMargin;		}
//						var topMargin = jQuery(this).position().top;
//						if(topMargin){		minTop = topMargin;		}
						minTop = 20;
						jQuery("#safe-container").css("margin-top", minTop);
						zoomW = jQuery("#toucan-zoom-image").width();
						zoomH = jQuery("#toucan-zoom-image").height();
						factW = zoomW / origW;
						factH = zoomH / origH;
						rectW = origW / factW;
						rectH = origH / factH;
						jQuery("#viewing-recticle").css('width', rectW+'px').css('height', rectH+'px').show();
						zoomStatus = true;
					}
					zooming(ev);
					jQuery("#mainImgContainer").bind('mousemove', function(ev){
						zooming(ev)
					});
					jQuery("#mainImgContainer").bind('mouseleave', function(ev){
						noZoom();
					});
				}
			});
			
			function zooming(ev){
				mouseX = ev.pageX;
				mouseY = ev.pageY;
				relX = mouseX - origPos.left;
				relY = mouseY - origPos.top;
				rectX = relX - (rectW / 2);
				rectY = relY - (rectH / 2);
				if(rectX < minLeft){	rectX = minLeft;	} else if((rectX + rectW) > (minLeft + origW)){	rectX = (minLeft + origW) - rectW;	}
				if(rectY < minTop){		rectY = minTop;		} else if((rectY + rectH) > (minTop + origH)){	rectY = (minTop + origH) - rectH;	}
				jQuery("#viewing-recticle").css('left', rectX+'px').css('top', rectY+'px');
				jQuery("#toucan-zoom-image").css('left', '-'+(rectX*factW)+'px').css('top', '-'+((rectY-minTop)*factH)+'px');
//				console.log('RECT: top '+rectY+'px');
//				console.log('ZOOM: top -'+((rectY*factH))+'px  '+factH+'  '+zoomH+' '+origH+'  '+(zoomH-origH));
			}
			
			function noZoom(){
				jQuery("#mainImgContainer").unbind('mousemove');
				jQuery("#mainImgContainer").unbind('mouseleave');
				jQuery("#viewing-recticle").hide();
				jQuery("#safe-container").html('');
				zoomStatus = false;
			}	
		
		}
/*
		jQuery(".more-imgs").each(function(ev){
			jQuery("<img>").attr("src", jQuery(this).attr('rel'));
		});
		jQuery(".more-imgs").click(function(ev){
			jQuery("#mainImgContainer").attr('href', jQuery(this).attr('rel'));
			jQuery("#MainProdImage").attr('src', jQuery(this).attr('href'));
			return false;
		});
*/
	});
	function zoomZoom(){
		jQuery("#MainProdImage").makeZoom();
		//jQuery("#zoom-button").remove();
		return false;
	}