{if $msg_customer==""}{else}<div id="msg_small">{$msg_customer}</div>{/if}
<form method="post" name="add_customer_form" enctype="multipart/form-data">
<div id="demo" class="yui-navset">


    <ul class="yui-nav" style="font-size:11px;">
        <li class="selected"><a href="#tab1"><em>General Info</em></a></li>
        <li><a href="#tab2"><em>Postal Address</em></a></li>
        <li><a href="#tab3"><em>Billing Address</em></a></li>
        <li><a href="#tab4"><em>Shipping Address</em></a></li>
    </ul>            
    <div class="yui-content" style="background-color:#F3F3F3">
  <div><table width="100%" border="0" cellpadding="0" cellspacing="0" id="irForm">
        <tr>
          <td width="160">Customer Name</td>
          <td ><input id="customer_name" name="customer_name" type="text" class="irInput" /></td>
        </tr>
        <tr>
          <td>Business/Company Name</td>
          <td><input id="business_name" name="business_name" type="text" class="irInput" /></td>
        </tr>
        
        <tr>
          <td>Email Address</td>
          <td><input id="email_address" name="email_address" type="text" class="irInput" /></td>
        </tr>
        <tr>
          <td>Mobile</td>
          <td><input id="customer_mobile" name="customer_mobile" type="text"  class="irInput"/></td>
        </tr>
        <tr>
          <td>Phone</td>
          <td><input id="customer_phone" name="customer_phone" type="text" class="irInput" /></td>
        </tr>
         <tr>
    <td>Add this customer in mailing list</td>
    <td><input id="mailing_list" name="mailing_list" type="checkbox" value="yes"  class="irInput" checked="checked"/></td>
  </tr>
        </table></div>
        
        
        <div><table width="100%" border="0" cellpadding="0" cellspacing="0" id="irForm">
        <tr>
          <td width="160">Country</td>
          <td ><input id="customer_country" name="customer_country" type="text" class="irInput" /></td>
        </tr>
        <tr>
          <td width="160">State</td>
          <td><input id="customer_state" name="customer_state" type="text" class="irInput" /></td>
        </tr>
        <tr>
          <td width="160">City</td>
          <td><input id="customer_city" name="customer_city" type="text" class="irInput" /></td>
        </tr>
        <tr>
          <td width="160">Suburb</td>
          <td><input id="customer_suburb" name="customer_suburb" type="text" class="irInput" /></td>
        </tr>
        <tr>
          <td width="160">postcode</td>
          <td><input name="customer_postcode" type="text" id="customer_postcode" size="10"  class="irInput"/></td>
        </tr>
        <tr>
          <td width="160">Address</td>
          <td><textarea name="customer_address" cols="30" rows="3" id="customer_address"  class="irTextarea"/></textarea>
             </td>
        </tr>
      </table>
      </div>
      
        <div><table width="100%" border="0" cellpadding="0" cellspacing="0" id="irForm">
          <tr>
            <td colspan="2">[&rarr;] <a href="javascript:copyPaddress();">Same as postal address</a><br />
<br />
</td>
          </tr>

          <tr>
            <td width="160">Country</td>
            <td><input id="b_customer_country" name="b_customer_country" type="text"  class="irInput"/></td>
          </tr>
          <tr>
            <td>State</td>
            <td><input id="b_customer_state" name="b_customer_state" type="text"  class="irInput"/></td>
          </tr>
          <tr>
            <td>City</td>
            <td><input id="b_customer_city" name="b_customer_city" type="text"  class="irInput"/></td>
          </tr>
          <tr>
            <td>Suburb</td>
            <td><input id="b_customer_suburb" name="b_customer_suburb" type="text"  class="irInput"/></td>
          </tr>
          <tr>
            <td>postcode</td>
            <td><input name="b_customer_postcode" type="text" id="b_customer_postcode" size="10"  class="irInput"/></td>
          </tr>
          <tr>
            <td>Address</td>
            <td><textarea name="b_customer_address" cols="25" rows="3" id="b_customer_address"  class="irTextarea"/></textarea>
            </td>
          </tr>
          </table></div>
          
          <div><table width="100%" border="0" cellpadding="0" cellspacing="0" id="irForm">
          <tr>
            <td colspan="2">[&rarr;] <a href="javascript:copyBaddress();">same as billing address</a><br />
<br />
</td>
          </tr>
          <tr>
            <td width="160">Country</td>
            <td><input id="s_customer_country" name="s_customer_country" type="text"  class="irInput"/></td>
          </tr>
          <tr>
            <td>State</td>
            <td><input id="s_customer_state" name="s_customer_state" type="text"  class="irInput"/></td>
          </tr>
          <tr>
            <td>City</td>
            <td><input id="s_customer_city" name="s_customer_city" type="text"  class="irInput"/></td>
          </tr>
          <tr>
            <td>Suburb</td>
            <td><input id="s_customer_suburb" name="s_customer_suburb" type="text"  class="irInput"/></td>
          </tr>
          <tr>
            <td>postcode</td>
            <td><input name="s_customer_postcode" type="text" id="s_customer_postcode" size="10"  class="irInput"/></td>
          </tr>
          <tr>
            <td>Address</td>
            <td><textarea name="s_customer_address" cols="25" rows="3" id="s_customer_address" class="irTextarea" /></textarea>

            </td>
          </tr>
        </table></div>
        
</div>
</div>

{literal}
<script>
(function() {
    var tabView = new YAHOO.widget.TabView('demo');

    YAHOO.log("The Form has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "form");

})();


</script>
{/literal}
  <input name="btn_create" id="btn_create" type="submit" value="Save" class="irBtnCreate" />

</form>