text: jQuery(document).ready(function(){
  
      "use strict";
  
      function showTooltip(x, y, contents) {
          jQuery('<div id="tooltip" class="tooltipflot">' + contents + '</div>').css( {
              position: 'absolute',
              display: 'none',
              top: y + 5,
              left: x + 5
          }).appendTo("body").fadeIn(200);
      }
  
      /*****SIMPLE CHART*****/
  
      var newCust = [[0, 0], [1, 10], [2,5], [3, 12], [4, 5], [5, 8], [6, 0]];
      var retCust = [[0, 0], [1, 8], [2,3], [3, 10], [4, 3], [5, 6], [6,0]];
  
      var plot = jQuery.plot(jQuery("#basicflot"),
          [{
              data: newCust,
              label: "New Customer",
              color: "#03c3c4"
          },
              {
                  data: retCust,
                  label: "Returning Customer",
                  color: "#905dd1"
              }
          ],
          {
              series: {
                  lines: {
                      show: false
                  },
                  splines: {
                      show: true,
                      tension: 0.4,
                      lineWidth: 1,
                      fill: 0.4
                  },
                  shadowSize: 0
              },
              points: {
                  show: true,
              },
              legend: {
                  container: '#basicFlotLegend',
                  noColumns: 0
              },
              grid: {
                  hoverable: true,
                  clickable: true,
                  borderColor: '#ddd',
                  borderWidth: 0,
                  labelMargin: 5,
                  backgroundColor: '#fff'
              },
              yaxis: {
                  min: 0,
                  max: 15,
                  color: '#eee'
              },
              xaxis: {
                  color: '#eee'
              }
          });
  
      var previousPoint = null;
      jQuery("#basicflot").bind("plothover", function (event, pos, item) {
          jQuery("#x").text(pos.x.toFixed(2));
          jQuery("#y").text(pos.y.toFixed(2));
  
          if(item) {
              if (previousPoint != item.dataIndex) {
                  previousPoint = item.dataIndex;
  
                  jQuery("#tooltip").remove();
                  var x = item.datapoint[0].toFixed(2),
                      y = item.datapoint[1].toFixed(2);
  
                  showTooltip(item.pageX, item.pageY,
                      item.series.label + " of " + x + " = " + y);
              }
  
          } else {
              jQuery("#tooltip").remove();
              previousPoint = null;
          }
  
      });
  
      jQuery("#basicflot").bind("plotclick", function (event, pos, item) {
          if (item) {
              plot.highlight(item.series, item.datapoint);
          }
      });
  
  
      /*****CHART 2 *****/
  
      var visitors = [[0, 0], [1, 3], [2,2], [3, 5], [4, 4], [5, 5], [6, 0]];
      var unique = [[0, 0], [1, 2], [2,1], [3, 3], [4, 3], [5, 4], [6,0]];
  
      var plot = jQuery.plot(jQuery("#basicflot2"),
          [{
              data: visitors,
              label: "Visits",
              color: "#428bca"
          },
              {
                  data: unique,
                  label: "Unique Visits",
                  color: "#b830b3"
              }
          ],
          {
              series: {
                  lines: {
                      show: false
                  },
                  splines: {
                      show: true,
                      tension: 0.4,
                      lineWidth: 1,
                      fill: 0.5
                  },
                  shadowSize: 0
              },
              points: {
                  show: true
              },
              legend: {
                  container: '#basicFlotLegend2',
                  noColumns: 0
              },
              grid: {
                  hoverable: true,
                  clickable: true,
                  borderColor: '#ddd',
                  borderWidth: 0,
                  labelMargin: 5,
                  backgroundColor: '#fff'
              },
              yaxis: {
                  min: 0,
                  max: 15,
                  color: '#eee'
              },
              xaxis: {
                  color: '#eee'
              }
          });
  
      var previousPoint = null;
      jQuery("#basicflot2").bind("plothover", function (event, pos, item) {
          jQuery("#x").text(pos.x.toFixed(2));
          jQuery("#y").text(pos.y.toFixed(2));
  
          if(item) {
              if (previousPoint != item.dataIndex) {
                  previousPoint = item.dataIndex;
  
                  jQuery("#tooltip").remove();
                  var x = item.datapoint[0].toFixed(2),
                      y = item.datapoint[1].toFixed(2);
  
                  showTooltip(item.pageX, item.pageY,
                      item.series.label + " of " + x + " = " + y);
              }
  
          } else {
              jQuery("#tooltip").remove();
              previousPoint = null;
          }
  
      });
  
      jQuery("#basicflot2").bind("plotclick", function (event, pos, item) {
          if (item) {
              plot.highlight(item.series, item.datapoint);
          }
      });
  
  
      /*****CHART 3 *****/
  
      var impressions =       [[0, 0], [1, 5], [2,2], [3, 7], [4, 4], [5, 5], [6, 0]];
      var uniqueimpressions = [[0, 0], [1, 2], [2,1], [3, 6], [4, 3], [5, 4], [6,0]];
  
      var plot = jQuery.plot(jQuery("#basicflot3"),
          [{
              data: impressions,
              label: "Impressions",
              color: "#905dd1"
          },
              {
                  data: uniqueimpressions,
                  label: "Unique Impressions",
                  color: "#428bca"
              }
          ],
          {
              series: {
                  lines: {
                      show: false
                  },
                  splines: {
                      show: true,
                      tension: 0.4,
                      lineWidth: 1,
                      fill: 0.4
                  },
                  shadowSize: 0
              },
              points: {
                  show: true
              },
              legend: {
                  container: '#basicFlotLegend3',
                  noColumns: 0
              },
              grid: {
                  hoverable: true,
                  clickable: true,
                  borderColor: '#ddd',
                  borderWidth: 0,
                  labelMargin: 5,
                  backgroundColor: '#fff'
              },
              yaxis: {
                  min: 0,
                  max: 15,
                  color: '#eee'
              },
              xaxis: {
                  color: '#eee'
              }
          });
  
      var previousPoint = null;
      jQuery("#basicflot3").bind("plothover", function (event, pos, item) {
          jQuery("#x").text(pos.x.toFixed(2));
          jQuery("#y").text(pos.y.toFixed(2));
  
          if(item) {
              if (previousPoint != item.dataIndex) {
                  previousPoint = item.dataIndex;
  
                  jQuery("#tooltip").remove();
                  var x = item.datapoint[0].toFixed(2),
                      y = item.datapoint[1].toFixed(2);
  
                  showTooltip(item.pageX, item.pageY,
                      item.series.label + " of " + x + " = " + y);
              }
  
          } else {
              jQuery("#tooltip").remove();
              previousPoint = null;
          }
  
      });
  
      jQuery("#basicflot3").bind("plotclick", function (event, pos, item) {
          if (item) {
              plot.highlight(item.series, item.datapoint);
          }
      });
  
  
      jQuery('#sparkline').sparkline([4,3,3,1,4,3,2,2,3,10,9,6], {
          type: 'bar',
          height:'30px',
          barColor: '#428BCA'
      });
  
      jQuery('#sparkline2').sparkline([9,8,8,6,9,10,6,5,6,3,4,2], {
          type: 'bar',
          height:'30px',
          barColor: '#999'
      });
  
      jQuery('#sparkline3').sparkline([4,3,3,1,4,3,2,2,3,10,9,6], {
          type: 'bar',
          height:'30px',
          barColor: '#428BCA'
      });
  
      jQuery('#sparkline4').sparkline([9,8,8,6,9,10,6,5,6,3,4,2], {
          type: 'bar',
          height:'30px',
          barColor: '#999'
      });
  
      jQuery('#sparkline5').sparkline([4,3,3,1,4,3,2,2,3,10,9,6], {
          type: 'bar',
          height:'30px',
          barColor: '#428BCA'
      });
  
      jQuery('#sparkline6').sparkline([9,8,8,6,9,10,6,5,6,3,4,2], {
          type: 'bar',
          height:'30px',
          barColor: '#999'
      });
  
  
      /***** BAR CHART *****/
  
      var m3 = new Morris.Bar({
          // ID of the element in which to draw the chart.
          element: 'bar-chart',
          // Chart data records -- each entry in this array corresponds to a point on
          // the chart.
          data: [
              { y: '2006', a: 30, b: 20 },
              { y: '2007', a: 75,  b: 65 },
              { y: '2008', a: 50,  b: 40 },
              { y: '2009', a: 75,  b: 65 },
              { y: '2010', a: 50,  b: 40 },
              { y: '2011', a: 75,  b: 65 },
              { y: '2012', a: 100, b: 90 }
          ],
          xkey: 'y',
          ykeys: ['a', 'b'],
          labels: ['Series A', 'Series B'],
          lineWidth: '1px',
          fillOpacity: 0.8,
          smooth: false,
          hideHover: true,
          resize: true
      });
  
      var delay = (function() {
          var timer = 0;
          return function(callback, ms) {
              clearTimeout(timer);
              timer = setTimeout(callback, ms);
          };
      })();
  
      jQuery(window).resize(function() {
          delay(function() {
              m3.redraw();
          }, 200);
      }).trigger('resize');
  
  
      // This will empty first option in select to enable placeholder
      jQuery('select option:first-child').text('');
  
      // Select2
      jQuery("select").select2({
          minimumResultsForSearch: -1
      });
  
      // Basic Wizard
      jQuery('#basicWizard').bootstrapWizard({
          onTabShow: function(tab, navigation, index) {
              tab.prevAll().addClass('done');
              tab.nextAll().removeClass('done');
              tab.removeClass('done');
  
              var $total = navigation.find('li').length;
              var $current = index + 1;
  
              if($current >= $total) {
                  $('#basicWizard').find('.wizard .next').addClass('hide');
                  $('#basicWizard').find('.wizard .finish').removeClass('hide');
              } else {
                  $('#basicWizard').find('.wizard .next').removeClass('hide');
                  $('#basicWizard').find('.wizard .finish').addClass('hide');
              }
          }
      });
  
      // This will submit the basicWizard form
      jQuery('.panel-wizard').submit(function() {
          alert('This will submit the form wizard');
          return false // remove this to submit to specified action url
      });
  
  });
  