/* the next line is an example of how you can override default options globally (currently commented out) ... */
 // jQuery.fn.cluetip.defaults.tracking = true;
// jQuery.fn.cluetip.defaults.debug = true;
jQuery(document).ready(function() {

 // jQuery.cluetip.setup({insertionType: 'insertBefore', insertionElement: 'div:first'});
 
//default theme
  jQuery('a.title').cluetip({splitTitle: '|'});
  //jQuery('span.title').cluetip({splitTitle: '|'});
  jQuery('a.basic').cluetip();
  //jQuery('span.basic').cluetip();
  jQuery('a.custom-width').cluetip({width: '200px', showTitle: false});
  jQuery('h4').cluetip({attribute: 'id', hoverClass: 'highlight'});
  jQuery('#sticky').cluetip({'sticky': true,'closePosition': 'title'});
  jQuery('#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
  });
  jQuery('a.load-local').cluetip({local:true, hideLocal: false, arrows: true, cursor: 'pointer'});
  jQuery('#clickme').cluetip({activation: 'click', width: 350});
  jQuery('#clickme2').cluetip({activation: 'click', width: 350});

// jTip theme
  jQuery('a.jt').cluetip({
    cluetipClass: 'jtip2', 
    arrows: true, 
    dropShadow: false,
	//height: '250px', 
	width: '300px',
    sticky: true,
    mouseOutClose: true,
    closePosition: 'title'
  });
  
  //jQuery('a.jt:eq(1)').cluetip({cluetipClass: 'jtip', arrows: true, dropShadow: false, hoverIntent: false});
  jQuery('span[title]').css({borderBottom: '0px solid #900'}).cluetip({splitTitle: '|', arrows: true, dropShadow: false, cluetipClass: 'jtip'});
 	
	jQuery('.photogallery').cluetip({
		arrows: true, 
		dropShadow: true, 
		cluetipClass: 'jtip',
		width: '175px'
	});
  
  	jQuery('.magazinearticle').cluetip({
		arrows: true, 
		dropShadow: true, 
		cluetipClass: 'jtip',
		width: '250px'
  	});

  
// Rounded Corner theme
  jQuery('ol.rounded a:eq(0)').cluetip({splitTitle: '|', dropShadow: false, cluetipClass: 'rounded', showtitle: false});
  jQuery('ol.rounded a:eq(1)').cluetip({cluetipClass: 'rounded', dropShadow: false, showtitle: false, positionBy: 'mouse'});
  jQuery('ol.rounded a:eq(2)').cluetip({cluetipClass: 'rounded', dropShadow: false, showtitle: false, positionBy: 'bottomTop', topOffset: 70});
  jQuery('ol.rounded a:eq(3)').cluetip({cluetipClass: 'rounded', dropShadow: false, sticky: true, ajaxCache: false, arrows: true});
  jQuery('ol.rounded a:eq(4)').cluetip({cluetipClass: 'rounded', dropShadow: false});    
});

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

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