$(document).ready(function() {
// Match all link elements with href attributes within the content div
   
   
   //product pages
   $('a.whyapp').qtip({
      content: '<a href=\"#\" class=\"closetip\" onclick=\"closetips();return false;\">&nbsp;</a><h6>Why AppDynamics Lite?</h6><ul><li>You need a way to troubleshoot java performance in production</li><li>Designed for high-volume production environments (unlike a Profiler)</li><li>Same core tech as that used by major organizations such as Priceline</li><li>No more than 2% overhead according to our standard benchmark</li></ul>',// Give it some content, in this case a simple string
	  show: { when: 'click' },
   	  hide: { when: 'unfocus' },
	  position: { adjust: { x: -440, y: -40 } },
	  style: { 
      width: 230,
	  height:200,
      padding: 5,
      background: '#FFFFFF',
      color: 'black',
      textAlign: 'left',
	  
      border: {
         width: 1,
         radius: 1,
         color: '#acacac'
      },
	  name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
	});

   $('a.whyfree').qtip({
      content: '<a href=\"#\" class=\"closetip\" onclick=\"closetips();return false;\">&nbsp;</a><h6 class=blue>Why Free?</h6><p>We\'re passionate about helping IT operations and developers fight fires.  We do have a commercial product, but we want to empower the communities we care about, regardless of whether or not they\'re ready to buy an APM solution.  And to show you all our cards, there\'s a benefit to us as well: we believe that once people see the power of our free tool, they\'ll be interested in finding out more about our commercial product.</p>',// Give it some content, in this case a simple string
	  show: { when: 'click' },
   	  hide: { when: 'unfocus' },
	  position: { adjust: { x: -470, y: -40 } },
	  style: { 
      width: 260,
	  height:240,
      padding: 5,
      background: '#FFFFFF',
      color: 'black',
      textAlign: 'left',
	  
      border: {
         width: 1,
         radius: 1,
         color: '#acacac'
      },
	  name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
	});
    $('a.whynot').qtip({
      content: '<a href=\"#\" class=\"closetip\" onclick=\"closetips();return false;\">&nbsp;</a><h6 class=blue>What\'s the Difference Between a Profiler and AppDynamics</h6><p><table width="100%" border="0" cellspacing="0" cellpadding="0">  <tr>    <td><span>When to use a <u><a href="http://en.wikipedia.org/wiki/Profiler_(computer_science)" target="_blank">Profiler</a></u></span></td>    <td><span>When to use AppDynamics Lite</span></td>  </tr>  <tr>    <td>You need to troubleshoot high CPU usage and high memory usage</td>    <td>You need to troubleshoot slow response times, slow SQL, high error rates, and stalls</td>  </tr>  <tr><td>Your environment is Development or QA</td><td>Your environment is Production or performance load-test</td></tr><tr><td>15-20% overhead is okay</td><td>You can\'t afford more than 2% overhead</td></tr></table></p>',// Give it some content, in this case a simple string
	  show: { when: 'click' },
   	  hide: { when: 'unfocus' },
	  position: { adjust: { x: -710, y: -40 } },
	  style: { 
      width: 500,
	  height:240,
      padding: 5,
      background: '#FFFFFF',
      color: 'black',
      textAlign: 'left',
	  
      border: {
         width: 1,
         radius: 1,
         color: '#acacac'
      },
	  name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
	});
	
	//landing pages
   $('a.whyappland').qtip({
      content: '<a href=\"#\" class=\"closetip\" onclick=\"closetips();return false;\">&nbsp;</a><h6>Why AppDynamics Lite?</h6><ul><li>You need a way to troubleshoot java performance in production</li><li>Designed for high-volume production environments (unlike a Profiler)</li><li>Same core tech as that used by major organizations such as Priceline</li><li>No more than 2% overhead according to our standard benchmark</li></ul>',// Give it some content, in this case a simple string
	  show: { when: 'click' },
   	  hide: { when: 'unfocus' },
	  position: { adjust: { x: -480, y: -22 } },
	  style: { 
      width: 230,
	  height:200,
      padding: 5,
      background: '#FFFFFF',
      color: 'black',
      textAlign: 'left',
	  
      border: {
         width: 1,
         radius: 1,
         color: '#acacac'
      },
	  name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
	});

   $('a.whyfreeland').qtip({
	content: '<a href=\"#\" class=\"closetip\" onclick=\"closetips();return false;\">&nbsp;</a><h6 class=blue>Why Free?</h6><p>We\'re passionate about helping IT operations and developers fight fires.  We do have a commercial product, but we want to empower the communities we care about, regardless of whether or not they\'re ready to buy an APM solution.  And to show you all our cards, there\'s a benefit to us as well: we believe that once people see the power of our free tool, they\'ll be interested in finding out more about our commercial product.</p>',// Give it some content, in this case a simple string
	  show: { when: 'click' },
   	  hide: { when: 'unfocus' },
	  position: { adjust: { x: -390, y: -22 } },
	  style: { 
      width: 260,
	  height:240,
      padding: 5,
      background: '#FFFFFF',
      color: 'black',
      textAlign: 'left',
	  
      border: {
         width: 1,
         radius: 1,
         color: '#acacac'
      },
	  name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
	});
    $('a.whynotland').qtip({
      content: '<a href=\"#\" class=\"closetip\" onclick=\"closetips();return false;\">&nbsp;</a><h6 class=blue>What\'s the Difference Between a Profiler and AppDynamics</h6><p><table width="100%" border="0" cellspacing="0" cellpadding="0">  <tr>    <td><span>When to use a <u><a href="http://en.wikipedia.org/wiki/Profiler_(computer_science)" target="_blank">Profiler</a></u></span></td>    <td><span>When to use AppDynamics Lite</span></td>  </tr>  <tr>    <td>You need to troubleshoot high CPU usage and high memory usage</td>    <td>You need to troubleshoot slow response times, slow SQL, high error rates, and stalls</td>  </tr>  <tr><td>Your environment is Development or QA</td><td>Your environment is Production or performance load-test</td></tr><tr><td>15-20% overhead is okay</td><td>You can\'t afford more than 2% overhead</td></tr></table></p>',// Give it some content, in this case a simple string
	  show: { when: 'click' },
   	  hide: { when: 'unfocus' },
	  position: { adjust: { x: -745, y: -22 } },
	  style: { 
      width: 500,
	  height:240,
      padding: 5,
      background: '#FFFFFF',
      color: 'black',
      textAlign: 'left',
	  
      border: {
         width: 1,
         radius: 1,
         color: '#acacac'
      },
	  name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
	});
	
	//Lightboxes
	
	
	
});

function closetips() {
	$('a.whynotland').qtip("hide");
	$('a.whyfreeland').qtip("hide");
	$('a.whyappland').qtip("hide");
	$('a.whynot').qtip("hide");
	$('a.whyfree').qtip("hide");
	$('a.whyapp').qtip("hide");
	
	
	
}
