/* the next line is an example of how you can override default options globally (currently commented out) ... */

  // $.fn.cluetip.defaults.tracking = true;
  // $.fn.cluetip.defaults.width = 'auto';
  // $.fn.cluetip.defaults.sticky = true;
  // $.fn.cluetip.defaults.arrows = true;

$(document).ready(function() {

 // $.cluetip.setup({insertionType: 'insertBefore', insertionElement: 'div:first'});
 // $.fn.cluetip.defaults.ajaxSettings.beforeSend = function(ct) {
 //     console.log(this);
 // };

//default theme
  $('a.title').cluetip({splitTitle: '|'});
  $('a.basic').cluetip();
  $('a.custom-width').cluetip({width: '140px', showTitle: false});
  $('h4').cluetip({attribute: 'id', hoverClass: 'highlight'});
  $('#sticky').cluetip({sticky: true, closePosition: 'title', arrows: true });
  $('#examples a:eq(5)').cluetip({
    hoverClass: 'highlight',
    sticky: true,
    closePosition: 'bottom',
    closeText: '<img src="Images/cross.png" alt="close" width="16" height="16" />',
    truncate: 60
  });
  $('a.load-local').cluetip({local:true, hideLocal: true, sticky: true, arrows: true, cursor: 'pointer'});
  $('#clickme').cluetip({activation: 'click', sticky: true, width: 650});
  $('ol:first a:last').cluetip({tracking: true});

// jTip theme
  $('a.jt:eq(0)').cluetip({
    cluetipClass: 'jtip',
    arrows: true,
    dropShadow: false,
    sticky: true,
    mouseOutClose: true,
    closePosition: 'title',
    closeText: '<img src="Images/cross.png" alt="close" />'
  });

  $('a.jt:eq(2)').cluetip({
    cluetipClass: 'jtip',
    arrows: false,
    dropShadow: false,
    height: '150px',
    sticky: true,
	showTitle: false,
	mouseOutClose: true,
	local: false,
    positionBy: 'Top'
  });
   $('a.jt2:eq(0)').cluetip({
    cluetipClass: 'jtip2',
    arrows: true,
    dropShadow: false,
    sticky: true,
    mouseOutClose: true,
    closePosition: 'title',
    closeText: '<img src="Images/cross.png" alt="close" />'
  }); 
    $('a.jt2:eq(3)').cluetip({
    cluetipClass: 'jtip2',
    arrows: false,
    dropShadow: false,
    height: '150px',
    sticky: true,
	showTitle: false,
    positionBy: 'Top'
  });

});

//unrelated to clueTip -- just for the demo page...

//$(document).ready(function() {
//  $('div.html, div.jquery').next().css('display', 'none').end().click(function() {
//    $(this).next().toggle('fast');
//  });
//
//  $('a.false').click(function() {
//    return false;
//  });
//});

// inserting jQuery UI Themeswitcher tool

$('<button></button>', {
  'class': 'ui-button ui-widget ui-state-default',
  text: 'Try it with jQuery UI ThemeRoller!',
  click: function() {
    $(this).hide();
    $('#themeswitcher').themeswitcher({loadTheme: 'UI Lightness'});
  }
})
.prependTo('#container');