{embed="includes/header" class_name="subpage-id" page_id="order-phone" 
default_title="Order Via-Guard Suction Equipment Directly&nsbp;" 
title_postfix="| SurgiMark"
default_keywords="suction equipment, suction tools"}
<script>
  $(function() {

    $('.item-quantity').val(''); //clear totals from prev submissions

    $('.item-quantity').change(function(){
        var total = 0;
        var entry_id = $(this).siblings('.entry-id' ).val();

        $(this).parents('.two_third').children('.option').each(function(){
            var quantity = parseInt($(this).find('.item-quantity').val());
            var cost_per = parseFloat($(this).find('.item-cost' ).html().replace(/[^0-9\.]+/g,''));

            if(!isNaN(quantity) && !isNaN(cost_per)){
              total = total + (quantity*cost_per);
            }
        });

        $('#'+entry_id+'-total').html(total.toFixed(2));
    });
  });
</script>
  <section id="wrapper-image">
    <div id="wrapper-image-img">
      <div class="page">
        <div class="image-text">
          <h1>Order Direct from Surgimark</h1>
        </div>
      </div><!--end .page--> 
    </div><!--end #wrapper-image-img-->
  </section><!--end #wrapper-image-->
  
  <section id="wrapper-header-banner">
  	<div id="banner" class="page subpage">
    <img class="drop-shadow" src="/templates/images/background/drop_shadow.png" alt="Drop Shadow" />  
    </div>
  </section><!--end #wrapper-header-banner-->

 <!-- Wrapper Page Start -->
  <section id="wrapper-page">
    <div class="page">	      
    	<!-- Content Start -->
      <div class="content">
        <section id="main" class="group">
          <div class="two_third">
            <article class="group">
              <h2>ORDER DIRECT - Call: (800) 228-1146  Fax: (509) 965-4852</h2>
               <br>
              {!-- <p class="sub-title">Contact SurgiMark to discuss a discount program for your facility, seed order fulfillment, and facility trial support. </p> --}
              <!--  <div class="one_half contact">
              {exp:channel:entries channel="contact-info" url_title="contact-info"}
                <p class="phone"><strong>Phone: </strong>{exp:ad_tracker:phone}</p>
                <p class="fax"><strong>Fax: </strong>{contact-fax}</p>
                {/exp:channel:entries} 
                <br>
                {!-- <p class="button-blue "><a class="button-small" href="/contact">Online Contact Form</a></p> --}
              </div>
              <div class="one_half_last contact">
               {!-- <h5>Benefits of buying by phone</h5>
                <p>By calling SurgiMark, you will hear about:</p>
               <ul class="column-list single group bullet">
                  <li>The latest promotions</li>
                  <li>Volume discounts</li>
                 <li>Custom procurement options</li>
                  
                </ul> --}
{exp:channel:entries channel="contact-info" url_title="contact-info"}
                {!-- <p class="email"><strong>Email: </strong><a href="mailto:{contact-email}">{contact-email}</a></p> --}
                {/exp:channel:entries}
              </div> -->
            </article>
             <div>
            
              {!-- <h2>Packaging Options</h2>
              <p class="sub-title">SurgiMark offers flexible packaging options.</p> --}

           <section class="group showcase">
                <div class="row">
                  <h3 class="title">SMK 100 Yankauer Standard Via-Guard<sup><font size="1">&reg;</font></sup> Suction Set</h3>
                  <div class="display clearfix">
                    <div class="one_half">
                       <img src="/images/uploads/resources/SMK_100_Dispenser_Box_Product_Display.png"/>
                    </div>
                    <div class="one_half_last">
						<img src="/images/uploads/resources/SMK_100_Case_Box_Set_Display.png"/>
                    </div>
                  <!--<div class="one_third_last">
                      <img src="/images/uploads/resources/SMK_100_Case_Box_Set_Display.png"/>
                    </div>-->
                  </div>
                  <div class="one_half">
                    <p class="subtitle"> 1 BOX</p>
                    <p>10 Suction Sets</p>
                  </div>
                  <div class="one_half_last">
                    <p class="subtitle">10 BOX CASE</p>
                    <p>100 Suction Sets</p>
                  </div>
                  <!--<div class="one_third_last">
                    <p class="subtitle">10 BOX CASE</p>
                    <p>100 Suction Sets</p>
                  </div>-->
                </div> 
              </section>
   <section class="group showcase">
                <div class="row">
                  <h3 class="title">SMK 200 Andrews-Pynchon Vascular Via-Guard<sup><font size="1">&reg;</font></sup> Suction Set</h3>
                  <div class="display clearfix">
                    <div class="one_half">
              <img src="/images/uploads/resources/SMK_200_Dispenser_Box_Product_Display.png"/>
                    </div>
                    <div class="one_half_last">
						<img src="/images/uploads/products/SMK_200_Case_Box_Set_Display.png"/>
                   
                    </div>
                  <!--<div class="one_third_last">
                      <img src="/images/uploads/resources/SMK_100_Case_Box_Set_Display.png"/>
                    </div>-->
                  </div>
                  <div class="one_half">
                    <p class="subtitle"> 1 BOX </p>
                    <p>10 Suction Sets</p>
                  </div>
                  <div class="one_half_last">
                    <p class="subtitle">10 BOX CASE</p>
                    <p>100 Suction Sets</p>
                  </div>
                  <!--<div class="one_third_last">
                    <p class="subtitle">10 BOX CASE</p>
                    <p>100 Suction Sets</p>
                  </div>-->
                </div> 
              </section>
				   <section class="group showcase">
                <div class="row">
                  <h3 class="title">SMK 300 Yankauer Classic Via-Guard<sup><font size="1">&reg;</font></sup> Suction Set</h3>
                  <div class="display clearfix">
                    <div class="one_half">
                     <img src="/images/uploads/resources/SMK_300_Dispenser_Box_Product_Display.png"/>
                    </div>
                    <div class="one_half_last">
						 <img src="/images/uploads/resources/SMK_300_Case_Box_Set_Display.png"/>
                    </div>
                  <!--<div class="one_third_last">
                      <img src="/images/uploads/resources/SMK_100_Case_Box_Set_Display.png"/>
                    </div>-->
                  </div>
                  <div class="one_half">
                    <p class="subtitle"> 1 BOX </p>
                    <p>10 Suction Sets</p>
                  </div>
                  <div class="one_half_last">
                    <p class="subtitle">10 BOX CASE</p>
                    <p>100 Suction Sets</p>
                  </div>
                  <!--<div class="one_third_last">
                    <p class="subtitle">10 BOX CASE</p>
                    <p>100 Suction Sets</p>
                  </div>-->
                </div> 
              </section> 

             <!-- <section class="group showcase">
                <div class="row">
                  <h3 class="title">The Standard Via-Guard Suction Set - <span>SMP-2006-001SS</span></h3>
                  <div class="display clearfix">
                    <div class="one_third">
                      <img src="/images/uploads/products/via-guard-yankauer-box.png"/>
                    </div>
                    <div class="one_third">
                      <img src="/images/uploads/products/Standard 5 box carton.png"/>
                    </div>
                    <div class="one_third_last">
                      <img src="/images/uploads/products/Standard-10 box case.png"/>
                    </div>
                  </div>
                  <div class="one_third">
                    <p class="subtitle">BOX</p>
                    <p>10 Suction Sets</p>
                  </div>
                  <div class="one_third">
                    <p class="subtitle">5 BOX CARTON</p>
                    <p>50 Suction Sets</p>
                  </div>
                  <div class="one_third_last">
                    <p class="subtitle">10 BOX CASE</p>
                    <p>100 Suction Sets</p>
                  </div>
                </div>
              </section>-->
				 
		<!--	 	<section class="group showcase">
                <div class="row">
                  <h3 class="title">The Standard Via-Guard Suction Set - <span>SMP-2006-001SS</span></h3>
                  <div class="display clearfix">
                    <div class="one_third">
                      <img src="/images/uploads/products/via-guard-yankauer-box.png"/>
                    </div>
                    <div class="one_third">
                      <img src="/images/uploads/products/Standard 5 box carton.png"/>
                    </div>
                    <div class="one_third_last">
                      <img src="/images/uploads/products/Standard-10 box case.png"/>
                    </div>
                  </div>
                  <div class="one_third">
                    <p class="subtitle">BOX</p>
                    <p>10 Suction Sets</p>
                  </div>
                  <div class="one_third">
                    <p class="subtitle">5 BOX CARTON</p>
                    <p>50 Suction Sets</p>
                  </div>
                  <div class="one_third_last">
                    <p class="subtitle">10 BOX CASE</p>
                    <p>100 Suction Sets</p>
                  </div>
                </div>
              </section> -->




            {!-- box calculator - hidden 7/17
            <table class="styled service-table">
              <tr>
                <th class="service-name silver">Box</th>
                <th class="service-name silver">Carton</th>
                <th class="service-name silver">Case</th>
              </tr>
              <tr>
                <td class="silver-info">10 units <br/><input style="padding:3px;" type="text" class="units" id="box_count" placeholder="Order Qty" value=""/></td>
                <td class="silver-info">5 boxes - 50 units <br/><input style="padding:3px;" type="text" class="units" id="carton_count" value="" placeholder="Order Qty"/></td>
                <td class="silver-info">Case - 10 boxes<br/><input style="padding:3px;" type="text" class="units" id="case_count" value="" placeholder="Order Qty"/> </td>
              </tr>
              <tr>
                <td class="info" style="text-align:right;" colspan="2">Total Boxes:</td>
                <td class="total" id="total_boxes"></td>
              </tr>
              <tr>
                <td class="info" style="text-align:right;" colspan="2">Total Units:</td>
                <td class="total" id="total_units"></td>
              </tr>
            </table> 
            <p><strong>Call SurgiMark to learn about volume discounts for your facility.</strong></p>
            --}


          </div>
          </div><!--end .two_third-->

          <div class="one_third_last">
			 <h2>PRODUCT INFORMATION</h2> 
             {embed="includes/white-page"}
		<p style="clear:both">&nbsp;</p>
            <!--<div style="display:inline-block; width:100%; background-color:#BEBEBE" class="callout-panel">
              <div class="">
                <h4 class="phone">Phone: (800) 228-1186</h4>
                <h4>Fax: (509) 965-4852</h4>
                <h4>Email: <a href="custserv@surgimark.com" style="font-size:14px;">custserv@surgimark.com</a></h4>
             </div>
          </div>-->

          </div><!--end .one_third_last--> 
         
        </section><!--end #main--> 
      </div><!--end .content-->
    </div><!--end .page-->
  </section><!--end #wrapper_page-->

{embed="includes/footer"}

<script>
$(document).ready(function(){
      var box = $('#box_count').val()*1;
      var carton = $('#carton_count').val()*5;
      var case_ct = $('#case_count').val()*10;

      $('#total_boxes').text((box+carton+case_ct));
      $('#total_units').text((box+carton+case_ct)*10);

  $('.units').keyup(function(){

      var box = $('#box_count').val()*1;
      var carton = $('#carton_count').val()*5;
      var case_ct = $('#case_count').val()*10;

      $('#total_boxes').text((box+carton+case_ct));
      $('#total_units').text((box+carton+case_ct)*10);
  });

});
</script>