function imageControls() {
	// init image navigation controls
	
	jQuery('#zoomOutButton').click(function(e) {
		s7zoom.zoomOut();
		//sending the coremetrics tag for ZoomOut button
		if(jQuery("[name='product_set_type']").length > 0 && jQuery("[name='product_set_type']").val()=='WSO')
		{
			var title = jQuery(this).parents(".ui-dialog").find(".ui-dialog-title").html();
			var prodCode = jQuery(this).parents(".ui-dialog").find("#prodCode").val();
			sendProductImagesCMData("Image Zoom Out");
		}
		else{
			sendProductImagesCMData("Image Zoom Out");
		}
	});
	
	jQuery('#zoomInButton').click(function(e) {
		s7zoom.zoomIn();
		//sending the coremetrics tag for ZoomIn button
		if(jQuery("[name='product_set_type']").length > 0 && jQuery("[name='product_set_type']").val()=='WSO')
		{
			var title = jQuery(this).parents(".ui-dialog").find(".ui-dialog-title").html();
			var prodCode = jQuery(this).parents(".ui-dialog").find("#prodCode").val();
			sendProductImagesCMData("Image Zoom In",title,prodCode);
		}
		else 
		{
			sendProductImagesCMData("Image Zoom In");
		}
	});
	
	jQuery('#resetButton').click(function(e) {
		s7zoom.reset();
		//sending the coremetrics tag for Reset button
		sendProductImagesCMData("Image Reset");
	});
	
	// init thumbnail controls 
	
	if (s7zoom != undefined && s7zoom != null) {
		
		//sending the same coremetrics tag as the one on ZoomOut button, however this time is when you click on the image itself
		s7zoom.onEvent.onImageZoomedIn = function(scale) {
			sendProductImagesCMData("Image Zoom In");
		};
		
		s7zoom.zviewer.addEventListener('endZoom', function(o) {
			var minScale = o.target.defaultScl / Math.pow(o.target.zoom_factor , o.target.max_zoom);

			if (o.target.zoom_factor_limit != 0) {
				minScale = Math.max(minScale, 1 / o.target.zoom_factor_limit);
			}
			
			if (Math.abs(o.target.defaultScl - o.target.currentScl) < 1e-6) {
				//viewer reached reset state
				jQuery('#imageController').removeClass('zoomedIn');
				jQuery('#zoomOutButton').addClass('disabled');
				jQuery('#resetButton').addClass('disabled');
			} else {
				jQuery('#imageController').addClass('zoomedIn');
				jQuery('#zoomOutButton').removeClass('disabled');
				jQuery('#resetButton').removeClass('disabled');
			}
			
			if (Math.abs(minScale - o.target.currentScl) < 1e-6) {
				//viewer reached maximum zoom
				jQuery('#zoomInButton').addClass('maxZoom');
				jQuery('#zoomInButton').addClass('disabled');
			} else {
				jQuery('#zoomInButton').removeClass('maxZoom');
				jQuery('#zoomInButton').removeClass('disabled');
			}
		});
	}
}