function changeChargeAmount() {
   if (document.getElementById) {
      if (!document.getElementById("monthlyRadio") 
          || !document.getElementById("annualRadio")
          || !document.getElementById("monthly_rate")
          || !document.getElementById("annual_rate")) {
          return;
      }

      var monthlyElement = document.getElementById("monthly_rate");
      var monthly = monthlyElement.innerHTML;
      var annualElement = document.getElementById("annual_rate");
      var annual = annualElement.innerHTML;

      var monthlyRadio = document.getElementById("monthlyRadio");
      var annualRadio = document.getElementById("annualRadio");
      if (monthlyRadio.checked == true) {
         document.getElementById("chargeAmount").innerHTML = monthly;
      } else if (annualRadio.checked == true) {
         document.getElementById("chargeAmount").innerHTML = annual;
      }
   }
}

function seeMore() {
    var expandedBenefits = document.getElementById("expanded_benefits");
    var seeMore = document.getElementById("see_more");
    var seeLess = document.getElementById("see_less");
    expandedBenefits.style.display = "block";
    seeMore.style.display = "none";
    seeLess.style.display = "block";
}

function seeLess() {
    var expandedBenefits = document.getElementById("expanded_benefits");
    var seeMore = document.getElementById("see_more");
    var seeLess = document.getElementById("see_less");
    expandedBenefits.style.display = "none";
    seeMore.style.display = "block";
    seeLess.style.display = "none";
}

function showViewLargerLink(benefit,index) {
    if (document.getElementById) {
        var largerLinkDiv = document.getElementById("larger_" + index);
        largerLinkDiv.innerHTML = '<a href="/signup/v4/signup?b=t' + benefit + '" onclick="showLarger(\'' + benefit+ '\', ' + index +
            '); return false;"><img class="mag_glass" src="/images/pro/signup/magnifying_glass.jpg" border="0" /></a>' +
            '<a href="/signup/v4/signup?b=t' + benefit +'" onclick="showLarger(\'' + benefit + '\', ' + index + '); ' +
            ' return false;">View Larger</a>';
    }
}

function showLarger(benefit) {
    var largerBenefit = document.getElementById("benefit_larger_area");
    loadLargerBenefit(benefit);
    largerBenefit.style.display = "block";
}

function hideLarger(benefit) {
    var largerBenefit = document.getElementById("benefit_larger_area");
    largerBenefit.style.display = "none";
    $("#benefit_large_image").after('<div id="benefit_large_image"></div>').remove();  
}

function loadLargerBenefit(benefit) { 
    var request = 't' + benefit;
    var randomnumber = Math.floor(Math.random()*101);
    var url = '/rg/prosignup-v4/benefit_'+request+'/signup/v4/feature_detail?b='+request+'&img=only&rng='+randomnumber;
    $("#benefit_large_image").load(url);
}