Plugin won't run at start when using enquire.js

Basically I’m using enquire.js for my project, during the development the plugin I’m trying to configure with enquire.js doesn’t seem to run at start. But when i resize the browser to mobile and then return it to full screen it works perfectly without any problems.

Here is the link for the website that has the plugin. Basically the concept is that the slider will shift to the left or right base on mouse movement.

http://digitalspin.ph/digitalspin.ph/test/manosatest/?page_id=35

Since it does not work perfectly when viewed in a mobile browser i had to replace this code "scrollerType:“hoverPrecise” into this scrollerType:“clickButtons” when viewed in mobile browser so that buttons will be displayed below

Here is my javascript

    <script>
    enquire.register("screen and (max-width:480px)", {

        // OPTIONAL
        // If supplied, triggered when a media query matches.
        match : function() {
            $("#tS2").thumbnailScroller({
                scrollerType:"clickButtons",

	        });
	
	
	    },

        unmatch : function() {
	        $("#tS2").thumbnailScroller({
                scrollerType:"hoverPrecise",
                scrollerOrientation:"horizontal",
                scrollSpeed:2,
                scrollEasing:"easeOutCirc",
                scrollEasingAmount:600,
                acceleration:4,
                scrollSpeed:800,
                noScrollCenterSpace:10,
                autoScrolling:0,
                autoScrollingSpeed:2000,
                autoScrollingEasing:"linear",
                autoScrollingDelay:500

	        });
	
	
	    },  	

    });

    </script>