Move bunch of javascript variables from global scope to local scope in magnifier.js file.

Author: hostep

lib/web/magnifier/magnifier.js

@@ -24,78 +24,77 @@
             $thumb,
             that = this,
             largeWrapper = options.largeWrapper || '.magnifier-preview',
-            $magnifierPreview = $(largeWrapper);
-
-        curThumb = null,
-        magnifierOptions = {
-            x: 0,
-            y: 0,
-            w: 0,
-            h: 0,
-            lensW: 0,
-            lensH: 0,
-            lensBgX: 0,
-            lensBgY: 0,
-            largeW: 0,
-            largeH: 0,
-            largeL: 0,
-            largeT: 0,
-            zoom: 2,
-            zoomMin: 1.1,
-            zoomMax: 5,
-            mode: 'outside',
-            eventType: 'click',
-            status: 0,
-            zoomAttached: false,
-            zoomable: customUserOptions.zoomable !== undefined ?
-                customUserOptions.zoomable
-                : false,
-            onthumbenter: customUserOptions.onthumbenter !== undefined ?
-                customUserOptions.onthumbenter
-                : null,
-            onthumbmove: customUserOptions.onthumbmove !== undefined ?
-                customUserOptions.onthumbmove
-                : null,
-            onthumbleave: customUserOptions.onthumbleave !== undefined ?
-                customUserOptions.onthumbleave
-                : null,
-            onzoom: customUserOptions.onzoom !== undefined ?
-                customUserOptions.onzoom
-                : null
-        },
-        pos = {
-            t: 0,
-            l: 0,
-            x: 0,
-            y: 0
-        },
-        gId = 0,
-        status = 0,
-        curIdx = '',
-        curLens = null,
-        curLarge = null,
-        lensbg = customUserOptions.bg !== undefined ?
-            customUserOptions.lensbg
-            : true,
-        gZoom = customUserOptions.zoom !== undefined ?
-            customUserOptions.zoom
-            : magnifierOptions.zoom,
-        gZoomMin = customUserOptions.zoomMin !== undefined ?
-            customUserOptions.zoomMin
-            : magnifierOptions.zoomMin,
-        gZoomMax = customUserOptions.zoomMax !== undefined ?
-            customUserOptions.zoomMax
-            : magnifierOptions.zoomMax,
-        gMode = customUserOptions.mode || magnifierOptions.mode,
-        gEventType = customUserOptions.eventType || magnifierOptions.eventType,
-        data = {},
-        inBounds = false,
-        isOverThumb = false,
-        rate = 1,
-        paddingX = 0,
-        paddingY = 0,
-        enabled = true,
-        showWrapper = true;
+            $magnifierPreview = $(largeWrapper),
+            curThumb = null,
+            magnifierOptions = {
+                x: 0,
+                y: 0,
+                w: 0,
+                h: 0,
+                lensW: 0,
+                lensH: 0,
+                lensBgX: 0,
+                lensBgY: 0,
+                largeW: 0,
+                largeH: 0,
+                largeL: 0,
+                largeT: 0,
+                zoom: 2,
+                zoomMin: 1.1,
+                zoomMax: 5,
+                mode: 'outside',
+                eventType: 'click',
+                status: 0,
+                zoomAttached: false,
+                zoomable: customUserOptions.zoomable !== undefined ?
+                    customUserOptions.zoomable
+                    : false,
+                onthumbenter: customUserOptions.onthumbenter !== undefined ?
+                    customUserOptions.onthumbenter
+                    : null,
+                onthumbmove: customUserOptions.onthumbmove !== undefined ?
+                    customUserOptions.onthumbmove
+                    : null,
+                onthumbleave: customUserOptions.onthumbleave !== undefined ?
+                    customUserOptions.onthumbleave
+                    : null,
+                onzoom: customUserOptions.onzoom !== undefined ?
+                    customUserOptions.onzoom
+                    : null
+            },
+            pos = {
+                t: 0,
+                l: 0,
+                x: 0,
+                y: 0
+            },
+            gId = 0,
+            status = 0,
+            curIdx = '',
+            curLens = null,
+            curLarge = null,
+            lensbg = customUserOptions.bg !== undefined ?
+                customUserOptions.lensbg
+                : true,
+            gZoom = customUserOptions.zoom !== undefined ?
+                customUserOptions.zoom
+                : magnifierOptions.zoom,
+            gZoomMin = customUserOptions.zoomMin !== undefined ?
+                customUserOptions.zoomMin
+                : magnifierOptions.zoomMin,
+            gZoomMax = customUserOptions.zoomMax !== undefined ?
+                customUserOptions.zoomMax
+                : magnifierOptions.zoomMax,
+            gMode = customUserOptions.mode || magnifierOptions.mode,
+            gEventType = customUserOptions.eventType || magnifierOptions.eventType,
+            data = {},
+            inBounds = false,
+            isOverThumb = false,
+            rate = 1,
+            paddingX = 0,
+            paddingY = 0,
+            enabled = true,
+            showWrapper = true;
 
         var MagnifyCls = {
             magnifyHidden: 'magnify-hidden',