$(document).ready(function()
{
  //Put in the CC logos
  $(".nameoncard").each(function()
  {
     var visaImg = document.createElement("img");
    $(visaImg).attr("src", "/resources/images/visa.jpg");
    $(visaImg).attr("id", "visaImg");
    $(visaImg).addClass("creditCard");
    $(visaImg).fadeTo(0, .2);
    $(this).before($(visaImg));
    var discoverImg = document.createElement("img");
    $(discoverImg ).attr("src", "/resources/images/discover.jpg");
    $(discoverImg ).attr("id", "discoverImg ");
    $(discoverImg).addClass("creditCard");
    $(discoverImg ).fadeTo(0, .2);
    $(this).before($(discoverImg ));
    var master = document.createElement("img");
    $(master).attr("src", "/resources/images/mastercard.jpg");
    $(master).attr("id", "master");
    $(master).addClass("creditCard");          
    $(master).fadeTo(0, .2);
    $(this).before($(master));          
    var amex = document.createElement("img");
    $(amex).attr("src", "/resources/images/american-express.jpg");
    $(amex).attr("id", "amex");
    $(amex).addClass("creditCard");
    $(amex).fadeTo(0, .2);
    $(this).before($(amex));          
  });
  
  $(".cardnumber").keydown(function()
   {
     $("#amex").fadeTo(0,.2);
     $("#visaImg").fadeTo(0,.2);
     $("#master").fadeTo(0,.2);           
     $("#discoverImg").fadeTo(0,.2);
     if($(this).find("input").val().length == 14 && $(this).find("input").val().substring(0,1) == 3)
     {
        $("#amex").fadeTo(0,1);
     }
     else if($(this).find("input").val().length == 15 && $(this).find("input").val().substring(0,1) == 4)
     {               
        $("#visaImg").fadeTo(0,1);
     }
     else if($(this).find("input").val().length == 15 && $(this).find("input").val().substring(0,1) == 5)
     {               
        $("#master").fadeTo(0,1);
     }
     else if($(this).find("input").val().length == 15 && $(this).find("input").val().substring(0,1) == 6)
     {               
        $("#discoverImg").fadeTo(0,1);
     }
   });
  
  $(".trainingcenter .contourField").each(function()
  {
    $(this).find("input").val($(this).find("label").html().replace(":", ""));
    $(this).find("input").css("color", "#CCC");
    //$(this).find("input").css("font-weight", "bold");
    if($(this).attr("class").indexOf("sameasinstitution") == -1 && $(this).attr("class").indexOf("country") == -1 && $(this).attr("class").indexOf("billingcountry") == -1 &&  $(this).attr("class").indexOf("cardexpmonth") == -1 && $(this).attr("class").indexOf("cardexpyear") == -1 && $(this).attr("class").indexOf("country") == -1)
    {
      $(this).find("label").css("display", "none");
      $(this).find("input").focus(function()
      {
       
        if($(this).attr("color") != "#999")
        {
          $(this).val("");
          $(this).css("color", "#999");
          $(this).attr("color", "#999");
        }
      });
      
      $(this).find("input").blur(function()
       {
         if($(this).val() == "")
         {
           $(this).css("color", "#CCC");
           $(this).val($(this).parent().prev().html().replace(":", ""));
           $(this).attr("color", "#CCC");
           //$(this).val("Test");
         }
       });            
    }          
  });
  
  $(".sameasinstitution").find("input").change(function()
  {
      if ($(this).attr("isNotChecked") == "false" || $(this).attr("isNotChecked") == "") {
          $(this).attr("isNotChecked", "true");                
          //Clear out the billing section      
          clearBillingItems();
      }
      else {
          $(this).attr("isNotChecked", "false");
          //Copy the billing section 
          clearBillingItems();
          if($(".address1").find("input").attr("color") == "#999")
          {
            $(".billingaddress1").find("input").val($(".address1").find("input").val());
            $(".billingaddress1").find("input").css("color", "#999");
            $(".billingaddress1").find("input").attr("color", "#999");
          }
          if($(".address2").find("input").attr("color") == "#999")
          {
            $(".billingaddress2").find("input").val($(".address2").find("input").val());
            $(".billingaddress2").find("input").css("color", "#999");
            $(".billingaddress2").find("input").attr("color", "#999");
          }
          if($(".city").find("input").attr("color") == "#999")
          {
            $(".billingcity").find("input").val($(".city").find("input").val());
            $(".billingcity").find("input").css("color", "#999");
            $(".billingcity").find("input").attr("color", "#999");
          }
          if($(".stateprovince").find("input").attr("color") == "#999")
          {
            $(".billingstateprovince").find("input").val($(".stateprovince").find("input").val());
            $(".billingstateprovince").find("input").css("color", "#999");
            $(".billingstateprovince").find("input").attr("color", "#999");
          }
          if($(".zip").find("input").attr("color") == "#999")
          {
            $(".billingzip").find("input").val($(".zip").find("input").val());
            $(".billingzip").find("input").css("color", "#999");
            $(".billingzip").find("input").attr("color", "#999");
          }               
        
          $(".billingcountry").find("select").attr("selectedIndex", $(".country").find("select").attr("selectedIndex"));
      }
      //alert($("#sameascheck").attr("ischecked"));
  });        
});

function clearBillingItems()
{
  $(".billingaddress1").find("input").val($(".billingaddress1").find("input").parent().prev().html().replace(":", ""));
  $(".billingaddress1").find("input").css("color", "#CCC");
  $(".billingaddress2").find("input").val($(".billingaddress2").find("input").parent().prev().html().replace(":", ""));
  $(".billingaddress2").find("input").css("color", "#CCC");
  $(".billingcity").find("input").val($(".billingcity").find("input").parent().prev().html().replace(":", ""));
  $(".billingcity").find("input").css("color", "#CCC");
  $(".billingstateprovince").find("input").val($(".billingstateprovince").find("input").parent().prev().html().replace(":", ""));
  $(".billingstateprovince").find("input").css("color", "#CCC");
  $(".billingzip").find("input").val($(".billingzip").find("input").parent().prev().html().replace(":", ""));
  $(".billingzip").find("input").css("color", "#CCC");
  $(".billingcountry").find("select").attr("selectedIndex", 0);
}