function initElements() {

		that.$siteinput = $('#site-input');
		that.$blockContainer = $('#fb-blockcontainer');
		that.$renderReview = $('.render-review');
		that.$reviewBox = $('#temp-review-box');
		that.$buttonDone = $('#button-done');

		that.$reviewMobi1 = $('#review-mobi-prev-1');
		that.$reviewMobi2 = $('#review-mobi-prev-2');
		that.$reviewMobi3 = $('#review-mobi-prev-3');

		that.$reviewMobi1.slimScroll({height: that.$reviewMobi1.parent().height() });
		that.$reviewMobi2.slimScroll({height: that.$reviewMobi2.parent().height() });
		that.$reviewMobi3.slimScroll({height: that.$reviewMobi3.parent().height() });

		that.$printsiteWrapper = $('#printsite-wrapper');
        that.$printsite = $('#printsite');
		that.$printsitelabel1 = $('#printsitelabel1');
		that.$printsitelabel2 = $('#printsitelabel2');

		that.$inputs = {};
		_.each(_.keys(site.styles), function(classKey) {
			var cssClass = site.styles[classKey];

			_.each(_.keys(cssClass), function(styleKey) {
				var styleValue = cssClass[styleKey];
				var inputName = getUniqueStyleName(classKey, styleKey);
				var input = that.$inputs[inputName] = $('#' + inputName);
				input.val(styleValue);
				input.bind('change', function(event) {
					var styleValueInput = input.val();
					site.styles[classKey][styleKey] = styleValueInput;
					setStyle(classKey, styleKey, styleValueInput);
				});
			});
		});

		that.$siteinput.on('keyup', changeSiteName);
		that.$blockContainer.on('changeOrder', changeBlockOrder);
		that.$renderReview.on('click', renderReview);
        that.$buttonDone.on('click', saveConfig );

        $("input.color-picker").each(function () {
            var $el = $(this);
            $el.ColorPickerSliders({
                size: 'sm',
                placement: 'bottom',
                swatches: false,
                sliders: false,
                hsvpanel: true,
                onchange: function () {
                    $el.trigger('change');
                }
            });
        });

        $("#fb-blockcontainer").sortable({
            items: "li.fb-block:not(.locked-sect)",
            placeholder: "sort-highlight",
            handle: ".handle",
            forcePlaceholderSize: true,
            axis: 'y',
            grid: [ 200, 1 ],
            scroll: true,
            scrollSensitivity: 100,
            //tolerance: "pointer",
            zIndex: 999999,
            change: function (event, ui) {
                $(event.target).trigger('changeOrder');
            }
        });
    }
// caches jQuery objects based on the names of the styles
caches jQuery objects based on the names of the styles
caches jQuery objects based on the names of the styles
function initElements() {
		that.$siteinput = $('#site-input');
		that.$blockContainer = $('#fb-blockcontainer');
		that.$renderReview = $('.render-review');
		that.$reviewBox = $('#temp-review-box');
		that.$buttonDone = $('#button-done');
		that.$reviewMobi1 = $('#review-mobi-prev-1');
		that.$reviewMobi2 = $('#review-mobi-prev-2');
		that.$reviewMobi3 = $('#review-mobi-prev-3');
		that.$reviewMobi1.slimScroll({height: that.$reviewMobi1.parent().height() });
		that.$reviewMobi2.slimScroll({height: that.$reviewMobi2.parent().height() });
		that.$reviewMobi3.slimScroll({height: that.$reviewMobi3.parent().height() });
		that.$printsiteWrapper = $('#printsite-wrapper');
        that.$printsite = $('#printsite');
		that.$printsitelabel1 = $('#printsitelabel1');
		that.$printsitelabel2 = $('#printsitelabel2');
		that.$inputs = {};
		_.each(_.keys(site.styles), function(classKey) {
			var cssClass = site.styles[classKey];
			_.each(_.keys(cssClass), function(styleKey) {
				var styleValue = cssClass[styleKey];
				var inputName = getUniqueStyleName(classKey, styleKey);
				var input = that.$inputs[inputName] = $('#' + inputName);
				input.val(styleValue);
				input.bind('change', function(event) {
					var styleValueInput = input.val();
					site.styles[classKey][styleKey] = styleValueInput;
					setStyle(classKey, styleKey, styleValueInput);
				});
			});
		});
		that.$siteinput.on('keyup', changeSiteName);
		that.$blockContainer.on('changeOrder', changeBlockOrder);
		that.$renderReview.on('click', renderReview);
        that.$buttonDone.on('click', saveConfig );
        $("input.color-picker").each(function () {
            var $el = $(this);
            $el.ColorPickerSliders({
                size: 'sm',
                placement: 'bottom',
                swatches: false,
                sliders: false,
                hsvpanel: true,
                onchange: function () {
                    $el.trigger('change');
                }
            });
        });
        $("#fb-blockcontainer").sortable({
            items: "li.fb-block:not(.locked-sect)",
            placeholder: "sort-highlight",
            handle: ".handle",
            forcePlaceholderSize: true,
            axis: 'y',
            grid: [ 200, 1 ],
            scroll: true,
            scrollSensitivity: 100,
            zIndex: 999999,
            change: function (event, ui) {
                $(event.target).trigger('changeOrder');
            }
        });
    }
function initElements ( ) { that . $siteinput = $ ( '#site-input' ) ; that . $blockContainer = $ ( '#fb-blockcontainer' ) ; that . $renderReview = $ ( '.render-review' ) ; that . $reviewBox = $ ( '#temp-review-box' ) ; that . $buttonDone = $ ( '#button-done' ) ; that . $reviewMobi1 = $ ( '#review-mobi-prev-1' ) ; that . $reviewMobi2 = $ ( '#review-mobi-prev-2' ) ; that . $reviewMobi3 = $ ( '#review-mobi-prev-3' ) ; that . $reviewMobi1 . slimScroll ( { height : that . $reviewMobi1 . parent ( ) . height ( ) } ) ; that . $reviewMobi2 . slimScroll ( { height : that . $reviewMobi2 . parent ( ) . height ( ) } ) ; that . $reviewMobi3 . slimScroll ( { height : that . $reviewMobi3 . parent ( ) . height ( ) } ) ; that . $printsiteWrapper = $ ( '#printsite-wrapper' ) ; that . $printsite = $ ( '#printsite' ) ; that . $printsitelabel1 = $ ( '#printsitelabel1' ) ; that . $printsitelabel2 = $ ( '#printsitelabel2' ) ; that . $inputs = { } ; _ . each ( _ . keys ( site . styles ) , function ( classKey ) { var cssClass = site . styles [ classKey ] ; _ . each ( _ . keys ( cssClass ) , function ( styleKey ) { var styleValue = cssClass [ styleKey ] ; var inputName = getUniqueStyleName ( classKey , styleKey ) ; var input = that . $inputs [ inputName ] = $ ( '#' + inputName ) ; input . val ( styleValue ) ; input . bind ( 'change' , function ( event ) { var styleValueInput = input . val ( ) ; site . styles [ classKey ] [ styleKey ] = styleValueInput ; setStyle ( classKey , styleKey , styleValueInput ) ; } ) ; } ) ; } ) ; that . $siteinput . on ( 'keyup' , changeSiteName ) ; that . $blockContainer . on ( 'changeOrder' , changeBlockOrder ) ; that . $renderReview . on ( 'click' , renderReview ) ; that . $buttonDone . on ( 'click' , saveConfig ) ; $ ( "input.color-picker" ) . each ( function ( ) { var $el = $ ( this ) ; $el . ColorPickerSliders ( { size : 'sm' , placement : 'bottom' , swatches : false , sliders : false , hsvpanel : true , onchange : function ( ) { $el . trigger ( 'change' ) ; } } ) ; } ) ; $ ( "#fb-blockcontainer" ) . sortable ( { items : "li.fb-block:not(.locked-sect)" , placeholder : "sort-highlight" , handle : ".handle" , forcePlaceholderSize : true , axis : 'y' , grid : [ 200 , 1 ] , scroll : true , scrollSensitivity : 100 , zIndex : 999999 , change : function ( event , ui ) { $ ( event . target ) . trigger ( 'changeOrder' ) ; } } ) ; }
caches jQuery objects based on the names of the styles
caches jQuery objects based on the names of the styles
//tolerance: "pointer",