+function ($) {
  $(function(){
    
    var intro = introJs();

    intro.setOptions({
      steps: [
      {
        element: '#ticketmenu',
          intro: '<p class="h4 text-uc"><strong>1: Ticket</strong></p><p>Search Ticket.</p>',
          position: 'bottom'
        },
        {
          element: '#toolbardiv',
          intro: '<p class="h4 text-uc"><strong>2: Report</strong></p><p>Find what you want.</p>',
          position: 'right'
        },
		{
          element: '#icon_global_search2',
          intro: '<p class="h4 text-uc"><strong>3: Search</strong></p><p>search ticket and clients</p>',
          position: 'left'
        },
        {
          element: '#newdiv',
          intro: '<p class="h4 text-uc"><strong>4: New</strong></p><p>Create ticket/ptoblem</p>',
          position: 'left'
        },
		{
          element: '#vis_top_user_detail_menu',
          intro: '<p class="h4 text-uc"><strong>5: Profile</strong></p><p>update profile</p>',
          position: 'left'
        },
		{
          element: '#setingdiv',
          intro: '<p class="h4 text-uc"><strong>6: Setting</strong></p><p>Go to setting update all functionality</p>',
          position: 'left'
        }
		
      ],
      showBullets: true,
    });

    intro.start();

  });
}(jQuery);