show alert boxes on Team deatils section for radio button clicks

cmsWebApp/webroot/css/common.css

@@ -6435,6 +6435,7 @@ label, label .label-title span {
         display: inline-block;
         line-height: 60px;
         margin-right: 20px;
+        cursor: pointer;
 }
 
 .change-plan-button  .change-plan-yes-button{
@@ -6475,6 +6476,8 @@ label, label .label-title span {
 .company-content-area .footer-note{
     /*margin-top: 150px;*/
 }
+
+.hidden-pop {display: none;}
 .label-20{
     font-size: 20px;
 }

cmsWebApp/webroot/extensions/adminportal/my_company.jsp

@@ -18,10 +18,18 @@
     
 %>
     <script type="text/javascript">
+         var PopupAlert = null;
         $(document).ready(function()
         {
             recalcFunction = setupRecalc ($("form#editCompany"), {'recalcOnError':true});
             
+             PopupAlert = new jBox('Modal', {
+                    id : "alert-pop",
+                    overlay : true, 
+                    width :600, height : 450
+                    });            
+         
+            
             $("#upload").change(function(){
                 readURL(this);
             });
@@ -29,6 +37,27 @@
             $("#remove-logo").click(function(){
                 removeLogo();
             });
+            
+            var currSelected = $(".own-billing input:checked").val();
+            
+            $(".own-billing input").change(function(){
+                if (currSelected!==$(this).val()){
+                
+                    if($(this).val()==='true'){
+                        PopupAlert.setContent($("#manage-own-billing-alert"));
+                        PopupAlert.open();        
+                    }else{
+                        PopupAlert.setContent($("#manage-other-billing-alert"));
+                        PopupAlert.open();  
+                    }
+                    
+                    currSelected = $(this).val();
+                }
+            });
+            
+            $(".popup-no-button").on("click",function(){             
+                PopupAlert.close();
+            });  
         });
     </script>    
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=AIzaSyCaBh-MsMb8BBYJD_NcFzoCmygQbt5-QSw"></script>
@@ -141,7 +170,7 @@
                                                     </oneit:recalcClass>
                                                 </div>
                                             </div>
-                                            <div class="form-group row">
+                                            <div class="form-group row own-billing">
                                                 <div class="col-md-6">
                                                     <div class="radio radio-primary second-radio-primary oneit-radio">
                                                         <label >
@@ -200,7 +229,7 @@
                                         </div>
                                     </div>
 --%>                                
-                                    <div id="manage-own-billing-alert" >
+                                    <div id="manage-own-billing-alert" class="hidden-pop" >
                                         <div class="change-plan-content">
                                             <h3>Alert!</h3>
                                             <div class="upgrade-info">
@@ -211,10 +240,10 @@
                                             </div>
                                         </div>
                                         <div class="change-plan-button">
-                                            <a class="invalid-coupon-close-button popup-no-button">Ok</a>
+                                            <a class="invalid-coupon-close-button popup-no-button" href="javascript:void(0)">Ok</a>
                                         </div>        
                                     </div>
-                                    <div id="manage-other-billing-alert" >
+                                    <div id="manage-other-billing-alert" class="hidden-pop" >
                                         <div class="change-plan-content">
                                             <h3>Alert!</h3>
                                             <div class="upgrade-info">
@@ -225,7 +254,7 @@
                                             </div>
                                         </div>
                                         <div class="change-plan-button">
-                                            <a class="invalid-coupon-close-button popup-no-button">Ok</a>
+                                            <a class="invalid-coupon-close-button popup-no-button" href="javascript:void(0)">Ok</a>
                                         </div>        
                                     </div>