$(document).ready(function(){ $('#tip').hide(); $('.tip').each(function(){ $(this).hover(function(e){ var offset = $(this).offset(); var pos = $(this).position(); var height = $(this).height(); var itsval = $(this).attr('value'); $('#tip').stop().css({'margin-top' : offset.top - height - 75 + "px", 'margin-left' : pos.left + 30}); switch(itsval){ case "1": $('#tip').html("Integrate our Powerful Facebook Upsell Technology"); break; case "2": $('#tip').html("No Limitation to Your Product Line"); break; case "3": $('#tip').html("No Membership Limits or Restrictions"); break; case "4": $('#tip').html("Unlimited Tier Memberships (i,e Bronze, Silver, Gold etc)"); break; case "5": $('#tip').html("Serve Up Print and Copy in an Instant"); break; case "6": $('#tip').html("Upsell Your Members in a Sells Funnel"); break; case "7": $('#tip').html("Downsell to Maximize Your Sales"); break; case "8": $('#tip').html("Deliver Podcasts and RSS"); break; case "9": $('#tip').html("Affiliate and Affiliate Commisions"); break; case "10": $('#tip').html("Customize Membership URL"); break; case "11": $('#tip').html("Full Customization for your Memberships"); break; case "12": $('#tip').html("Add and Manage Your Staff through Nanacast"); break; case "13": $('#tip').html("Two Tier Affiliate Commision Tracking"); break; case "14": $('#tip').html("Deliver SMS Notifications Directly to Cell Phones"); break; case "15": $('#tip').html("Integrate with 3rd Party Email Clients"); break; case "16": $('#tip').html("Define a User's Access Scope in a Membership"); break; case "17": $('#tip').html("Choose Which Package Fits Your Needs"); break; } $('#tip').fadeIn(200); }, function(){$('#tip').stop(true,true).hide(); }); }); var all = document.getElementById('pricewrap').getElementsByTagName('li'); for(i in all){ if(all[i].innerHTML == "Yes"){ all[i].style.color = "#2c54f3"; } else if(all[i].innerHTML == "No"){all[i].style.color = "#3f4a5f";} else if(all[i].innerHTML == "Coming Soon"){all[i].style.color = "#3f4a5f";} } $('#tier1,#tier2,#tier3').hover(function(){ var itsback = $(this).css('background-image'); $(this).find('p').css({}); }); document.getElementById('grayBox').addEventListener('click', remover, false); function remover(e){ //hides all graybox document.getElementById('grayBox').style.visibility = "hidden"; document.getElementById('grayBox').style.height = "0px"; //ie workaround document.getElementById('framer').style.visibility = "hidden"; $('#framer').css({'height' : '0px'});//resets the size of the frame } var top = ($("body").height() / 2) - ($("#framer").height()/2); var left = ($("body").width() / 2) - ($("#framer").width()/2); $("#framer").offset({top: top, left: left}); }); function launchP(e){ var frame = document.getElementById('framer'); frame.style.visibility = "visible"; if(e.attributes["name"].value == "1"){ $(frame).html(""); $('#itsFrame').load(function(){ $('#framer').animate({'height' : '930px'},300,'easeInOutQuad'); //animates frame }); } else if(e.attributes["name"].value == "2"){ $(frame).html(""); $('#itsFrame').load(function(){ $('#framer').animate({'height' : '930px'},300,'easeInOutQuad'); }); } else if(e.attributes["name"].value == "3"){ $(frame).html(""); $('#itsFrame').load(function(){ $('#framer').animate({'height' : '930px'},300,'easeInOutQuad'); }); } document.getElementById('grayBox').style.height = "100%"; document.getElementById('grayBox').style.visibility = "visible"; //shows gray box }