(function( $ ) {
	'use strict';

	/**
	 * All of the code for your public-facing JavaScript source
	 * should reside in this file.
	 *
	 * Note: It has been assumed you will write jQuery code here, so the
	 * $ function reference has been prepared for usage within the scope
	 * of this function.
	 *
	 * This enables you to define handlers, for when the DOM is ready:
	 */
	 $(function() {


   });

	 /* When the window is loaded:
	 */
	 $( window ).load(function() {

             $('.yupproduct').ThreeSixty({
                totalFrames: 32, // Total no. of image you have for 360 slider
                endFrame: 32, // end frame for the auto spin animation
                currentFrame: 1, // This the start frame for auto spin
                imgList: '.threesixty_images', // selector for image list
                progress: '.spinner', // selector to show the loading progress
                imagePath:'/lienawp/web/app/uploads/', // path of the image assets
                filePrefix: 'wp_', // file prefix if any
                ext: '.png', // extention for the assets
                height: 600,
                navigation: true,
                responsive: true
            });

	 });
	 /*
	 * ...and/or other possibilities.
	 *
	 * Ideally, it is not considered best practise to attach more than a
	 * single DOM-ready or window-load handler for a particular page.
	 * Although scripts in the WordPress core, Plugins and Themes may be
	 * practising this, we should strive to set a better example in our own work.
	 */

})( jQuery );