$(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
}