first commit

modules/roy_customizer/js/jquery.colorpicker.js

@@ -0,0 +1,563 @@
+/*
+  mColorPicker
+  Version: 1.0 r34
+
+  Copyright (c) 2010 Meta100 LLC.
+  http://www.meta100.com/
+
+  Licensed under the MIT license
+  http://www.opensource.org/licenses/mit-license.php
+*/
+
+// After this script loads set:
+// $.fn.mColorPicker.init.replace = '.myclass'
+// to have this script apply to input.myclass,
+// instead of the default input[type=color]
+// To turn of automatic operation and run manually set:
+// $.fn.mColorPicker.init.replace = false
+// To use manually call like any other jQuery plugin
+// $('input.foo').mColorPicker({options})
+// options:
+// imageFolder - Change to move image location.
+// swatches - Initial colors in the swatch, must an array of 10 colors.
+// init:
+// $.fn.mColorPicker.init.enhancedSwatches - Turn of saving and loading of swatch to cookies.
+// $.fn.mColorPicker.init.allowTransparency - Turn off transperancy as a color option.
+// $.fn.mColorPicker.init.showLogo - Turn on/off the meta100 logo (You don't really want to turn it off, do you?).
+
+(function($){
+
+  var $o;
+
+  $.fn.mColorPicker = function(options) {
+
+    $o = $.extend($.fn.mColorPicker.defaults, options);
+
+    if ($o.swatches.length < 10) $o.swatches = $.fn.mColorPicker.defaults.swatches
+    if ($("div#mColorPicker").length < 1) $.fn.mColorPicker.drawPicker();
+
+    if ($('#css_disabled_color_picker').length < 1) $('head').prepend('<style id="css_disabled_color_picker" type="text/css">.mColorPicker[disabled] + span, .mColorPicker[disabled="disabled"] + span, .mColorPicker[disabled="true"] + span {filter:alpha(opacity=50);-moz-opacity:0.5;-webkit-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}</style>');
+
+    $(document).on('keyup', '.mColorPicker', function () {
+
+      try {
+
+        $(this).css({
+          'background-color': $(this).val()
+        }).css({
+          'color': $.fn.mColorPicker.textColor($(this).css('background-color'))
+        }).trigger('change');
+      } catch (r) {}
+    });
+
+    $(document).on('click', '.mColorPickerTrigger', function () {
+
+      $.fn.mColorPicker.colorShow($(this).attr('id').replace('icp_', ''));
+    });
+
+    this.each(function () {
+
+      $.fn.mColorPicker.drawPickerTriggers($(this));
+    });
+
+    return this;
+  };
+
+  $.fn.mColorPicker.currentColor = false;
+  $.fn.mColorPicker.currentValue = false;
+  $.fn.mColorPicker.color = false;
+
+  $.fn.mColorPicker.init = {
+    replace: '[type=color]',
+    index: 0,
+    enhancedSwatches: true,
+    allowTransparency: false,
+  	checkRedraw: 'DOMUpdated', // Change to 'ajaxSuccess' for ajax only or false if not needed
+  	liveEvents: false,
+    showLogo: false
+  };
+
+  $.fn.mColorPicker.defaults = {
+    imageFolder: 'images/admin/',
+    swatches: [
+      "#ffffff",
+      "#ffff00",
+      "#00ff00",
+      "#00ffff",
+      "#0000ff",
+      "#ff00ff",
+      "#ff0000",
+      "#4c2b11",
+      "#3b3b3b",
+      "#000000"
+    ]
+  };
+
+  $.fn.mColorPicker.liveEvents = function() {
+
+    $.fn.mColorPicker.init.liveEvents = true;
+
+    if ($.fn.mColorPicker.init.checkRedraw && $.fn.mColorPicker.init.replace) {
+
+      $(document).bind($.fn.mColorPicker.init.checkRedraw + '.mColorPicker', function () {
+
+        $('input[data-mcolorpicker!="true"]').filter(function() {
+
+          return ($.fn.mColorPicker.init.replace == '[type=color]')? this.getAttribute("type") == 'color': $(this).is($.fn.mColorPicker.init.replace);
+        }).mColorPicker();
+      });
+    }
+  };
+
+  $.fn.mColorPicker.drawPickerTriggers = function ($t) {
+
+    if ($t[0].nodeName.toLowerCase() != 'input') return false;
+
+    var id = $t.attr('id') || 'color_' + $.fn.mColorPicker.init.index++,
+        hidden = false;
+
+    $t.attr('id', id);
+
+    if ($t.attr('text') == 'hidden' || $t.attr('data-text') == 'hidden') hidden = true;
+
+    var color = $t.val(),
+        width = ($t.width() > 0)? $t.width(): parseInt($t.css('width'), 10),
+        height = ($t.height())? $t.height(): parseInt($t.css('height'), 10),
+        flt = $t.css('float'),
+        image = (color == 'transparent')? "url('" + $o.imageFolder + "/grid.gif')": '',
+        colorPicker = '';
+
+    $('body').append('<span id="color_work_area"></span>');
+    $('span#color_work_area').append($t.clone(true));
+    colorPicker = $('span#color_work_area').html().replace(/type="color"/gi, '').replace(/input /gi, (hidden)? 'input type="hidden"': 'input type="text"');
+    $('span#color_work_area').html('').remove();
+    $t.after(
+      (hidden)? '<span style="cursor:pointer;border:1px solid black;float:' + flt + ';width:' + width + 'px;height:' + height + 'px;" id="icp_' + id + '">&nbsp;</span>': ''
+    ).after(colorPicker).remove();
+
+    if (hidden) {
+
+      $('#icp_' + id).css({
+        'background-color': color,
+        'background-image': image,
+        'display': 'inline-block'
+      }).attr(
+        'class', $('#' + id).attr('class')
+      ).addClass(
+        'mColorPickerTrigger'
+      );
+    } else {
+
+      $('#' + id).css({
+        'background-color': color,
+        'background-image': image
+      }).css({
+        'color': $.fn.mColorPicker.textColor($('#' + id).css('background-color'))
+      }).after(
+        '<span style="cursor:pointer;" id="icp_' + id + '" class="mColorPickerTrigger input-group-addon"><img src="' + $o.imageFolder + 'color.png" style="border:0;margin:0 0 0 3px" align="absmiddle"></span>'
+      ).addClass('mColorPickerInput');
+    }
+
+    $('#icp_' + id).attr('data-mcolorpicker', 'true');
+
+    $('#' + id).addClass('mColorPicker');
+
+    return $('#' + id);
+  };
+
+  $.fn.mColorPicker.drawPicker = function () {
+
+    $(document.createElement("div")).attr(
+      "id","mColorPicker"
+    ).css(
+      'display','none'
+    ).html(
+      '<div id="mColorPickerWrapper"><div id="mColorPickerImg" class="mColor"></div><div id="mColorPickerImgGray" class="mColor"></div><div id="mColorPickerSwatches"><div class="mClear"></div></div><div id="mColorPickerFooter"><input type="text" size="8" id="mColorPickerInput"/></div></div>'
+    ).appendTo("body");
+
+    $(document.createElement("div")).attr("id","mColorPickerBg").css({
+      'display': 'none'
+    }).appendTo("body");
+
+    for (n = 9; n > -1; n--) {
+
+      $(document.createElement("div")).attr({
+        'id': 'cell' + n,
+        'class': "mPastColor" + ((n > 0)? ' mNoLeftBorder': '')
+      }).html(
+        '&nbsp;'
+      ).prependTo("#mColorPickerSwatches");
+    }
+
+    $('#mColorPicker').css({
+      'border':'1px solid #ccc',
+      'color':'#fff',
+      'z-index':999998,
+      'width':'194px',
+      'height':'184px',
+      'font-size':'12px',
+      'font-family':'times'
+    });
+
+    $('.mPastColor').css({
+      'height':'18px',
+      'width':'18px',
+      'border':'1px solid #000',
+      'float':'left'
+    });
+
+    $('#colorPreview').css({
+      'height':'50px'
+    });
+
+    $('.mNoLeftBorder').css({
+      'border-left':0
+    });
+
+    $('.mClear').css({
+      'clear':'both'
+    });
+
+    $('#mColorPickerWrapper').css({
+      'position':'relative',
+      'border':'solid 1px gray',
+      'z-index':999999
+    });
+
+    $('#mColorPickerImg').css({
+      'height':'128px',
+      'width':'192px',
+      'border':0,
+      'cursor':'crosshair',
+      'background-image':"url('" + $o.imageFolder + "colorpicker.png')"
+    });
+
+    $('#mColorPickerImgGray').css({
+      'height':'8px',
+      'width':'192px',
+      'border':0,
+      'cursor':'crosshair',
+      'background-image':"url('" + $o.imageFolder + "graybar.jpg')"
+    });
+
+    $('#mColorPickerInput').css({
+      'border':'solid 1px gray',
+      'font-size':'10pt',
+      'margin':'3px',
+      'width':'80px'
+    });
+
+    $('#mColorPickerImgGrid').css({
+      'border':0,
+      'height':'20px',
+      'width':'20px',
+      'vertical-align':'text-bottom'
+    });
+
+    $('#mColorPickerSwatches').css({
+      'border-right':'1px solid #000'
+    });
+
+    $('#mColorPickerFooter').css({
+      'background-image':"url('" + $o.imageFolder + "grid.gif')",
+      'position': 'relative',
+      'height':'26px'
+    });
+
+    if ($.fn.mColorPicker.init.allowTransparency) $('#mColorPickerFooter').prepend('<span id="mColorPickerTransparent" class="mColor" style="font-size:16px;color:#000;padding-right:30px;padding-top:3px;cursor:pointer;overflow:hidden;float:right;">transparent</span>');
+    if ($.fn.mColorPicker.init.showLogo) $('#mColorPickerFooter').prepend('<a href="http://meta100.com/" title="Meta100 - Designing Fun" alt="Meta100 - Designing Fun" style="float:right;" target="_blank"><img src="' +  $o.imageFolder + 'meta100.png" title="Meta100 - Designing Fun" alt="Meta100 - Designing Fun" style="border:0;border-left:1px solid #aaa;right:0;position:absolute;"/></a>');
+
+    $("#mColorPickerBg").click($.fn.mColorPicker.closePicker);
+
+    var swatch = $.fn.mColorPicker.getCookie('swatches'),
+        i = 0;
+
+    if (typeof swatch == 'string') swatch = swatch.split('||');
+    if (swatch == null || $.fn.mColorPicker.init.enhancedSwatches || swatch.length < 10) swatch = $o.swatches;
+
+    $(".mPastColor").each(function() {
+
+      $(this).css('background-color', swatch[i++].toLowerCase());
+    });
+  };
+
+  $.fn.mColorPicker.closePicker = function () {
+
+    $(".mColor, .mPastColor, #mColorPickerInput, #mColorPickerWrapper").unbind();
+    $("#mColorPickerBg").hide();
+    $("#mColorPicker").fadeOut()
+  };
+
+  $.fn.mColorPicker.colorShow = function (id) {
+
+    var $e = $("#icp_" + id);
+        pos = $e.offset(),
+        $i = $("#" + id);
+        hex = $i.attr('data-hex') || $i.attr('hex'),
+        pickerTop = pos.top + $e.outerHeight(),
+        pickerLeft = pos.left,
+        $d = $(document),
+        $m = $("#mColorPicker");
+
+    if ($i.attr('disabled')) return false;
+
+		// KEEP COLOR PICKER IN VIEWPORT
+		if (pickerTop + $m.height() > $d.height()) pickerTop = pos.top - $m.height();
+		if (pickerLeft + $m.width() > $d.width()) pickerLeft = pos.left - $m.width() + $e.outerWidth();
+
+    $m.css({
+      'top':(pickerTop) + "px",
+      'left':(pickerLeft) + "px",
+      'position':'absolute'
+    }).fadeIn("fast");
+
+    $("#mColorPickerBg").css({
+      'z-index':999990,
+      'background':'black',
+      'opacity': .01,
+      'position':'absolute',
+      'top':0,
+      'left':0,
+      'width': parseInt($d.width(), 10) + 'px',
+      'height': parseInt($d.height(), 10) + 'px'
+    }).show();
+
+    var def = $i.val();
+
+    $('#colorPreview span').text(def);
+    $('#colorPreview').css('background', def);
+    $('#color').val(def);
+
+    if ($('#' + id).attr('data-text')) $.fn.mColorPicker.currentColor = $e.css('background-color');
+    else $.fn.mColorPicker.currentColor = $i.css('background-color');
+
+    if (hex == 'true') $.fn.mColorPicker.currentColor = $.fn.mColorPicker.RGBtoHex($.fn.mColorPicker.currentColor);
+
+    $("#mColorPickerInput").val($.fn.mColorPicker.currentColor);
+
+    $('.mColor, .mPastColor').bind('mousemove', function(e) {
+
+      var offset = $(this).offset();
+
+      $.fn.mColorPicker.color = $(this).css("background-color");
+
+      if ($(this).hasClass('mPastColor') && hex == 'true') $.fn.mColorPicker.color = $.fn.mColorPicker.RGBtoHex($.fn.mColorPicker.color);
+      else if ($(this).hasClass('mPastColor') && hex != 'true') $.fn.mColorPicker.color = $.fn.mColorPicker.hexToRGB($.fn.mColorPicker.color);
+      else if ($(this).attr('id') == 'mColorPickerTransparent') $.fn.mColorPicker.color = 'transparent';
+      else if (!$(this).hasClass('mPastColor')) $.fn.mColorPicker.color = $.fn.mColorPicker.whichColor(e.pageX - offset.left, e.pageY - offset.top + (($(this).attr('id') == 'mColorPickerImgGray')? 128: 0), hex);
+
+      $.fn.mColorPicker.setInputColor(id, $.fn.mColorPicker.color);
+    }).click(function() {
+
+      $.fn.mColorPicker.colorPicked(id);
+    });
+
+    $('#mColorPickerInput').bind('keyup', function (e) {
+
+      try {
+
+        $.fn.mColorPicker.color = $('#mColorPickerInput').val();
+        $.fn.mColorPicker.setInputColor(id, $.fn.mColorPicker.color);
+
+        if (e.which == 13) $.fn.mColorPicker.colorPicked(id);
+      } catch (r) {}
+
+    }).bind('blur', function () {
+
+      $.fn.mColorPicker.setInputColor(id, $.fn.mColorPicker.currentColor);
+    });
+
+    $('#mColorPickerWrapper').bind('mouseleave', function () {
+
+      $.fn.mColorPicker.setInputColor(id, $.fn.mColorPicker.currentColor);
+    });
+  };
+
+  $.fn.mColorPicker.setInputColor = function (id, color) {
+
+    var image = (color == 'transparent')? "url('" + $o.imageFolder + "grid.gif')": '',
+        textColor = $.fn.mColorPicker.textColor(color);
+
+    if ($('#' + id).attr('data-text') || $('#' + id).attr('text')) $("#icp_" + id).css({'background-color': color, 'background-image': image});
+    $("#" + id).val(color).css({'background-color': color, 'background-image': image, 'color' : textColor}).trigger('change');
+    $("#mColorPickerInput").val(color);
+  };
+
+  $.fn.mColorPicker.textColor = function (val) {
+
+    if (typeof val == 'undefined' || val == 'transparent') return "black";
+    val = $.fn.mColorPicker.RGBtoHex(val);
+    return (parseInt(val.substr(1, 2), 16) + parseInt(val.substr(3, 2), 16) + parseInt(val.substr(5, 2), 16) < 400)? 'white': 'black';
+  };
+
+  $.fn.mColorPicker.setCookie = function (name, value, days) {
+
+    var cookie_string = name + "=" + escape(value),
+      expires = new Date();
+      expires.setDate(expires.getDate() + days);
+    cookie_string += "; expires=" + expires.toGMTString();
+
+    document.cookie = cookie_string;
+  };
+
+  $.fn.mColorPicker.getCookie = function (name) {
+
+    var results = document.cookie.match ( '(^|;) ?' + name + '=([^;]*)(;|$)' );
+
+    if (results) return (unescape(results[2]));
+    else return null;
+  };
+
+  $.fn.mColorPicker.colorPicked = function (id) {
+
+    $.fn.mColorPicker.closePicker();
+
+    if ($.fn.mColorPicker.init.enhancedSwatches) $.fn.mColorPicker.addToSwatch();
+
+    $("#" + id).trigger('colorpicked');
+  };
+
+  $.fn.mColorPicker.addToSwatch = function (color) {
+
+    var swatch = []
+        i = 0;
+
+    if (typeof color == 'string') $.fn.mColorPicker.color = color.toLowerCase();
+
+    $.fn.mColorPicker.currentValue = $.fn.mColorPicker.currentColor = $.fn.mColorPicker.color;
+
+    if ($.fn.mColorPicker.color != 'transparent') swatch[0] = $.fn.mColorPicker.color.toLowerCase();
+
+    $('.mPastColor').each(function() {
+
+      $.fn.mColorPicker.color = $(this).css('background-color').toLowerCase();
+
+      if ($.fn.mColorPicker.color != swatch[0] && $.fn.mColorPicker.RGBtoHex($.fn.mColorPicker.color) != swatch[0] && $.fn.mColorPicker.hexToRGB($.fn.mColorPicker.color) != swatch[0] && swatch.length < 10) swatch[swatch.length] = $.fn.mColorPicker.color;
+
+      $(this).css('background-color', swatch[i++])
+    });
+
+    if ($.fn.mColorPicker.init.enhancedSwatches) $.fn.mColorPicker.setCookie('swatches', swatch.join('||'), 365);
+  };
+
+  $.fn.mColorPicker.whichColor = function (x, y, hex) {
+
+    var colorR = colorG = colorB = 255;
+
+    if (x < 32) {
+
+      colorG = x * 8;
+      colorB = 0;
+    } else if (x < 64) {
+
+      colorR = 256 - (x - 32 ) * 8;
+      colorB = 0;
+    } else if (x < 96) {
+
+      colorR = 0;
+      colorB = (x - 64) * 8;
+    } else if (x < 128) {
+
+      colorR = 0;
+      colorG = 256 - (x - 96) * 8;
+    } else if (x < 160) {
+
+      colorR = (x - 128) * 8;
+      colorG = 0;
+    } else {
+
+      colorG = 0;
+      colorB = 256 - (x - 160) * 8;
+    }
+
+    if (y < 64) {
+
+      colorR += (256 - colorR) * (64 - y) / 64;
+      colorG += (256 - colorG) * (64 - y) / 64;
+      colorB += (256 - colorB) * (64 - y) / 64;
+    } else if (y <= 128) {
+
+      colorR -= colorR * (y - 64) / 64;
+      colorG -= colorG * (y - 64) / 64;
+      colorB -= colorB * (y - 64) / 64;
+    } else if (y > 128) {
+
+      colorR = colorG = colorB = 256 - ( x / 192 * 256 );
+    }
+
+    colorR = Math.round(Math.min(colorR, 255));
+    colorG = Math.round(Math.min(colorG, 255));
+    colorB = Math.round(Math.min(colorB, 255));
+
+    if (hex == 'true') {
+
+      colorR = colorR.toString(16);
+      colorG = colorG.toString(16);
+      colorB = colorB.toString(16);
+
+      if (colorR.length < 2) colorR = 0 + colorR;
+      if (colorG.length < 2) colorG = 0 + colorG;
+      if (colorB.length < 2) colorB = 0 + colorB;
+
+      return "#" + colorR + colorG + colorB;
+    }
+
+    return "rgb(" + colorR + ', ' + colorG + ', ' + colorB + ')';
+  };
+
+  $.fn.mColorPicker.RGBtoHex = function (color) {
+
+    color = color.toLowerCase();
+
+    if (typeof color == 'undefined') return '';
+    if (color.indexOf('#') > -1 && color.length > 6) return color;
+    if (color.indexOf('rgb') < 0) return color;
+
+    if (color.indexOf('#') > -1) {
+
+      return '#' + color.substr(1, 1) + color.substr(1, 1) + color.substr(2, 1) + color.substr(2, 1) + color.substr(3, 1) + color.substr(3, 1);
+    }
+
+    var hexArray = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"],
+        decToHex = "#",
+        code1 = 0;
+
+    color = color.replace(/[^0-9,]/g, '').split(",");
+
+    for (var n = 0; n < color.length; n++) {
+
+      code1 = Math.floor(color[n] / 16);
+      decToHex += hexArray[code1] + hexArray[color[n] - code1 * 16];
+    }
+
+    return decToHex;
+  };
+
+  $.fn.mColorPicker.hexToRGB = function (color) {
+
+    color = color.toLowerCase();
+
+    if (typeof color == 'undefined') return '';
+    if (color.indexOf('rgb') > -1) return color;
+    if (color.indexOf('#') < 0) return color;
+
+    var c = color.replace('#', '');
+
+    if (c.length < 6) c = c.substr(0, 1) + c.substr(0, 1) + c.substr(1, 1) + c.substr(1, 1) + c.substr(2, 1) + c.substr(2, 1);
+
+    return 'rgb(' + parseInt(c.substr(0, 2), 16) + ', ' + parseInt(c.substr(2, 2), 16) + ', ' + parseInt(c.substr(4, 2), 16) + ')';
+  };
+
+    $(document).ready(function () {
+
+    if ($.fn.mColorPicker.init.replace) {
+
+      $('input[data-mcolorpicker!="true"]').filter(function() {
+
+        return ($.fn.mColorPicker.init.replace == '[type=color]')? this.getAttribute("type") == 'color': $(this).is($.fn.mColorPicker.init.replace);
+        }).mColorPicker();
+
+      $.fn.mColorPicker.liveEvents();
+  }
+  });
+})(jQuery);

modules/roy_customizer/js/jquery.custom-file-input.js

@@ -0,0 +1,36 @@
+/*
+	By Osvaldas Valutis, www.osvaldas.info
+	Available for use under the MIT License
+*/
+
+'use strict';
+
+;( function( $, window, document, undefined )
+{
+	$( '.inputfile' ).each( function()
+	{
+		var $input	 = $( this ),
+			$label	 = $input.next( 'label' ),
+			labelVal = $label.html();
+
+		$input.on( 'change', function( e )
+		{
+			var fileName = '';
+
+			if( this.files && this.files.length > 1 )
+				fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length );
+			else if( e.target.value )
+				fileName = e.target.value.split( '\\' ).pop();
+
+			if( fileName )
+				$label.find( 'span' ).html( fileName );
+			else
+				$label.html( labelVal );
+		});
+
+		// Firefox bug fix
+		$input
+		.on( 'focus', function(){ $input.addClass( 'has-focus' ); })
+		.on( 'blur', function(){ $input.removeClass( 'has-focus' ); });
+	});
+})( jQuery, window, document );

modules/roy_customizer/js/navbar-fixed.js

@@ -0,0 +1,102 @@
+/*
+* Fixed Navbar Scrolling
+* Github: https://github.com/ts-de/bootstrap4-fixed-navbar
+*/
+
+
+// init nav object from dom
+var nav = $('.nav_inside_container');
+// get heigth of the nav
+var navHeight = 96;
+
+$(document).ready(function(){
+// click-trigger
+$('.nav_inside > li > a').click(function(event) {
+  scrollToSection(this);
+  event.preventDefault();
+});
+
+});
+
+// scroll-trigger
+$(document).scroll(function() {
+  activateCurrentSection();
+});
+
+// get target position and scrolls to it
+function scrollToSection(self) {
+  // get the target href
+  var href = $(self).attr('href');
+
+  // get the target position
+  var targetPos = $(href).offset().top - navHeight - 260;
+
+  // scroll to target
+  $('html, body').animate({
+    scrollTop: targetPos
+  }, 800);
+}
+
+
+/*
+* Updates active section on scroll
+*/
+// scroll-trigger
+$(document).scroll(function() {
+  activateCurrentSection();
+});
+
+/*
+* Updates active section on scroll
+*/
+function activateCurrentSection() {
+  var id; // init the id of the element that will be activated
+
+  // get all sections
+  var sections = $('.tab-pane.active .section');
+
+  // store current position on the page when scroll is triggered
+  var pos = $(document).scrollTop();
+
+  /*
+  * Exception: if last section is <100% of the screen height
+  * make it active when 50% of it is visible.
+  * Otherwise the last section would never activate.
+  */
+  var lastSection = sections[sections.length-1];  // get last section
+  var lastSectionTooSmall = $(lastSection).height() < $(window).height();
+
+  if (lastSectionTooSmall) {
+    var lastSectionTopPos = $(lastSection).offset().top;
+    // lastSectionTriggerPos is true if 50% of the last section is visible
+    var lastSectionTriggerPos = $(window).height() + $(document).scrollTop() - ($(lastSection).height()/2);
+    var lastSectionInView = lastSectionTriggerPos > lastSectionTopPos;
+  }
+
+  if (lastSectionTooSmall && lastSectionInView) {
+    id = $(lastSection).attr('id');
+  } else {  // else last section is >= 100% of the view check all sections to find the top one
+    sections.each(function() {
+      var top = $(this).offset().top - navHeight - 280; // get the top & bottom position of the section
+      var bottom = top + $(this).outerHeight();
+
+      /*
+      * if the current position is higher (deeper on the page) than the top of the section
+      * and it is smaller (heiger on the page) than the bottom of the section
+      * it is the active section.
+      */
+      if (pos >= top && pos <= bottom) {
+        id = $(this).attr('id');       // store the id of this section
+      }
+    });
+  }
+
+  /*
+   if an id was set before, activate the section in the nav
+   */
+
+  if (id) {
+    $('.nav_inside > li > a').parent('li').removeClass('active');
+    $('.nav_inside > li > a[href="#' + id + '"]').parent('li').addClass('active');
+  }
+}

modules/roy_customizer/js/script.js

@@ -0,0 +1,169 @@
+/** ROYTHEMES Customizer. Another Theme. Script. */
+$(document).ready(function() {
+    var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
+        mode: "css",
+        lineNumbers: true,
+        theme: "zenburn"
+    });
+
+    /** Hex to rgb */
+	function hexToRgb(hex) {
+	    var bigint = parseInt(hex, 16);
+	    var r = (bigint >> 16) & 255;
+	    var g = (bigint >> 8) & 255;
+	    var b = bigint & 255;
+
+	    return [r, g, b].join();
+	}
+
+	/**
+	 * jQuery Cookie plugin
+	 *
+	 * Copyright (c) 2010 Klaus Hartl (stilbuero.de)
+	 * Dual licensed under the MIT and GPL licenses:
+	 * http://www.opensource.org/licenses/mit-license.php
+	 * http://www.gnu.org/licenses/gpl.html
+	 *
+	 */
+	jQuery.cookie = function (key, value, options) {
+
+	    // key and at least value given, set cookie...
+	    if (arguments.length > 1 && String(value) !== "[object Object]") {
+	        options = jQuery.extend({}, options);
+
+	        if (value === null || value === undefined) {
+	            options.expires = -1;
+	        }
+
+	        if (typeof options.expires === 'number') {
+	            var days = options.expires, t = options.expires = new Date();
+	            t.setDate(t.getDate() + days);
+	        }
+
+	        value = String(value);
+
+	        return (document.cookie = [
+	            encodeURIComponent(key), '=',
+	            options.raw ? value : encodeURIComponent(value),
+	            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+	            options.path ? '; path=' + options.path : '',
+	            options.domain ? '; domain=' + options.domain : '',
+	            options.secure ? '; secure' : ''
+	        ].join(''));
+	    }
+
+	    // key and possibly options given, get cookie...
+	    options = value || {};
+	    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
+	    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
+	};
+
+    /** Show google fonts */
+	var googlefont = $("option:selected", "#f_headings").val();
+	var googlefontname = googlefont.split(';');
+	if ($('head').find('link#headingsflink').length < 1){
+		$('head').append('<link id="headingsflink" rel="stylesheet" type="text/css" href="" />');
+	}
+	$('link#headingsflink').attr({href:'//fonts.googleapis.com/css?family=' + googlefontname});
+
+	$("style#headingsrfstyle").remove();
+	var url = $(this).attr('href');
+
+	$('head').append('<style id="headingsrfstyle" type="text/css">#headingexample{ font-family:' + googlefont.split(':')[0] + ' !important; }</style>');
+
+
+	var googlefont = $("option:selected", '#f_buttons').val();
+	var googlefontname = googlefont.split(';');
+	if ($('head').find('link#f_buttonslink').length < 1){
+		$('head').append('<link id="f_buttonslink" rel="stylesheet" type="text/css" href="" />');
+	}
+	$('link#f_buttonslink').attr({href:'//fonts.googleapis.com/css?family=' + googlefontname});
+
+	$("style#f_buttonsstyle").remove();
+	$('head').append('<style id="f_buttonsstyle" type="text/css">#buttonsexample{ font-family:' + googlefont.split(':')[0] + ' !important; }</style>');
+
+
+	var googlefont = $("option:selected", '#f_text').val();
+	var googlefontname = googlefont.split(';');
+	if ($('head').find('link#f_textlink').length < 1){
+		$('head').append('<link id="f_textlink" rel="stylesheet" type="text/css" href="" />');
+	}
+	$('link#f_textlink').attr({href:'//fonts.googleapis.com/css?family=' + googlefontname});
+
+	$("style#f_textstyle").remove();
+	$('head').append('<style id="f_textstyle" type="text/css">#textexample{ font-family:' + googlefont.split(':')[0] + ' !important; }</style>');
+
+
+	var googlefont = $("option:selected", '#f_price').val();
+	var googlefontname = googlefont.split(';');
+	if ($('head').find('link#fpricelink').length < 1){
+		$('head').append('<link id="fpricelink" rel="stylesheet" type="text/css" href="" />');
+	}
+	$('link#fpricelink').attr({href:'//fonts.googleapis.com/css?family=' + googlefontname});
+
+	$("style#fpricestyle").remove();
+	$('head').append('<style id="fpricestyle" type="text/css">#priceexample{ font-family:' + googlefont.split(':')[0] + ' !important; }</style>');
+
+
+	$('#f_headings').change(function(){
+	    var googlefont = $("option:selected", this).val();
+		var googlefontname = googlefont.split(';');
+		if ($('head').find('link#headingsflink').length < 1){
+			$('head').append('<link id="headingsflink" rel="stylesheet" type="text/css" href="" />');
+		}
+		$('link#headingsflink').attr({href:'//fonts.googleapis.com/css?family=' + googlefontname});
+
+		$("style#headingsrfstyle").remove();
+		$('head').append('<style id="headingsrfstyle" type="text/css">#headingexample{ font-family:' + googlefont.split(':')[0] + ' !important; }</style>');
+	});
+
+	$('#f_buttons').change(function(){
+	    var googlefont = $("option:selected", this).val();
+		var googlefontname = googlefont.split(';');
+		if ($('head').find('link#f_buttonslink').length < 1){
+			$('head').append('<link id="f_buttonslink" rel="stylesheet" type="text/css" href="" />');
+		}
+		$('link#f_buttonslink').attr({href:'//fonts.googleapis.com/css?family=' + googlefontname});
+
+		$("style#f_buttonsstyle").remove();
+		$('head').append('<style id="f_buttonsstyle" type="text/css">#buttonsexample{ font-family:' + googlefont.split(':')[0] + ' !important; }</style>');
+	});
+
+	$('#f_text').change(function(){
+	    var googlefont = $("option:selected", this).val();
+		var googlefontname = googlefont.split(';');
+		if ($('head').find('link#f_textlink').length < 1){
+			$('head').append('<link id="f_textlink" rel="stylesheet" type="text/css" href="" />');
+		}
+		$('link#f_textlink').attr({href:'//fonts.googleapis.com/css?family=' + googlefontname});
+
+		$("style#f_textstyle").remove();
+		$('head').append('<style id="f_textstyle" type="text/css">#textexample{ font-family:' + googlefont.split(':')[0] + ' !important; }</style>');
+	});
+
+	$('#f_menu').change(function(){
+	    var googlefont = $("option:selected", this).val();
+		var googlefontname = googlefont.split(';');
+		if ($('head').find('link#f_menulink').length < 1){
+			$('head').append('<link id="f_menulink" rel="stylesheet" type="text/css" href="" />');
+		}
+		$('link#f_menulink').attr({href:'//fonts.googleapis.com/css?family=' + googlefontname});
+
+		$("style#f_menustyle").remove();
+		$('head').append('<style id="f_menustyle" type="text/css">#menuexample{ font-family:' + googlefont.split(':')[0] + ' !important; }</style>');
+	});
+
+	$('#f_price').change(function(){
+	    var googlefont = $("option:selected", this).val();
+		var googlefontname = googlefont.split(';');
+		if ($('head').find('link#fpricelink').length < 1){
+			$('head').append('<link id="fpricelink" rel="stylesheet" type="text/css" href="" />');
+		}
+		$('link#fpricelink').attr({href:'//fonts.googleapis.com/css?family=' + googlefontname});
+
+		$("style#fpricestyle").remove();
+		$('head').append('<style id="fpricestyle" type="text/css">#priceexample{ font-family:' + googlefont.split(':')[0] + ' !important; }</style>');
+	});
+
+
+});