$(document).ready(function() {
   // Replace evil with good
   jQuery("#test-example").mouseover(function() {
      var toolTip =	"This link next to each rule description <br/>" +
				    "will show the effect of the rule"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });   
						   
   // Replace evil with good
   jQuery("#replace-evil-good").mouseover(function() {
      var toolTip =	"'<strong>evil</strong>_boy.txt' becomes '<strong>good</strong>_boy.txt'<p/>" +
				    "'<strong>evil</strong>_person.txt' becomes '<strong>good</strong>_person.txt'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });
   
   // Replace quotes
   jQuery("#replace-brackets").mouseover(function() {
      var toolTip =	"'I<strong>(</strong>am<strong>)</strong>alive.txt' becomes 'I am alive.txt'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });   
   
   // Remove extensions
   jQuery("#remove-extensions").mouseover(function() {
      var toolTip =	"'abc<strong>.txt</strong>' becomes 'abc'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });      
   
   // change file extensions
   jQuery("#change-file-extensions").mouseover(function() {
      var toolTip =	"'music.<strong>mp3</strong>' becomes 'music.<strong>txt</strong>'<p/>" +
	                "'computer.<strong>dat</strong>' becomes 'computer.<strong>txt</strong>'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });
   
   // replace dot with space
   jQuery("#replace-dot-space").mouseover(function() {
      var toolTip =	"'Superman<strong>.</strong>returns.txt' becomes 'Superman returns.txt'<p/>" +
	                "'Michael<strong>.</strong>Jackson<strong>.</strong>Thriller.mp3' becomes 'Michael Jackson Thriller.mp3'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });   

   // insert image resolution
   jQuery("#image-resolution").mouseover(function() {
      var toolTip =	"'Disney rollercoaster.jpg' becomes 'Disney rollercoaster <strong>1024x768</strong>.jpg'<p/>" +
	                "'Baby portrait.jpg' becomes 'Baby portrait <strong>1280x1024</strong>.jpg'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });
   
   // insert exif date dd-mm-yyyy
   jQuery("#image-exif-dd-mm").mouseover(function() {
      var toolTip =	"'Disney rollercoaster.jpg' becomes 'Disney rollercoaster <strong>21-05-2008</strong>.jpg'<p/>" +
	                "'Baby portrait.jpg' becomes 'Baby portrait <strong>28-03-2008</strong>.jpg'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });
   
   // insert exif date mm-dd-yyyy
   jQuery("#image-exif-mm-dd").mouseover(function() {
      var toolTip =	"'Disney rollercoaster.jpg' becomes 'Disney rollercoaster <strong>05-21-2008</strong>.jpg'<p/>" +
	                "'Baby portrait.jpg' becomes 'Baby portrait <strong>03-28-2008</strong>.jpg'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });
   
   // insert all audio data
   jQuery("#audio-insert-all").mouseover(function() {
      var toolTip =	"'track 01.mp3' becomes '<strong>Michael Jackson - Thriller - 1 - Beat it</strong>.mp3'<p/>" +
	                "'part of soundtrack superman.mp3' becomes '<strong>John Ottman - Superman Returns - 2 - Memories</strong>.mp3'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });

   // insert bitrate and sampling rate
   jQuery("#audio-bitrate-sampling").mouseover(function() {
      var toolTip =	"'track 01.mp3' becomes 'track 01 <strong>160kbps 44100khz</strong>.mp3'<p/>" +
	                "'part of soundtrack superman.mp3' becomes 'part of soundtrack superman <strong>192kbps 44100khz</strong>.mp3'<p/>"
      setHelper(jQuery(this),toolTip);
   }).mouseout(function() {
	   resetHelper();
   });


});

function setHelper(elementName,toolTip)
{
	var helper = jQuery("#helper");
	helper.animate({opacity: 'show'},'fast');
	var element = jQuery(elementName)[0];
	var position = findPos(element);
	helper.css("display","block");
	helper.css("left",position[0] /*+ element.clientWidth*/ + "px");
	helper.css("top",position[1] + 20 + "px");
	helper.css("position","absolute");
	/*jQuery("#helper span").text("Buy Fast Folder Rename\r\n" +
			  "Single User License for non-commercial use");*/
	helper.html(toolTip);
}

function resetHelper()
{
   jQuery("#helper").css("display","none");	
   jQuery("#helper").animate({opacity: 'hide'},'slow');
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
       do {
		  curleft += obj.offsetLeft;
	      curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}