{html_header}
<script language="JavaScript" type="text/javascript">
function openPopUp(theURL,winName,features) {
    window.open(theURL,winName,features);
}
   function showHide(EL,PM)
   {
      ELpntr3=document.getElementById(EL);
      if (ELpntr3.style.display=='none')
      {
	call_custom_cal_func();      
//--- display loading image --//
document.getElementById("display_output_div").innerHTML = "<center><span style=\'color:#B61A1A;\'><b>Page is loading. Please wait...</b>&nbsp;<img src='../../conf/images/loading1.gif' id='loading2' name='loading2' /></span></center><br/>";
	document.getElementById("loading2").style.width ="16px";
	document.getElementById("loading2").style.height ="16px";
	document.getElementById("loading2").style.margin ="0";
	document.getElementById("loading2").style.padding ="0";
	document.getElementById("loading2").style.border ="0";
	document.getElementById("loading2").style.verticalAlign ="middle";
	  //-- end --//    
	      
         document.getElementById(PM).innerHTML=' - ';
         ELpntr3.style.display='block';

      }
      else
      {
	    document.getElementById("display_output_div").innerHTML = "";  
	      
         document.getElementById(PM).innerHTML=' + ';
         ELpntr3.style.display='none';
      }
   }   
   function showHide2(EL,PM)
   {
      ELpntr3=document.getElementById(EL);
      if (ELpntr3.style.display=='none')
      {
         ELpntr3.style.display='block';
      }
      else
      {
         ELpntr3.style.display='none';
      }
   }   
function openPopUp(theURL,winName,features) {
    window.open(theURL,winName,features);

}
function opencalPopUp(theURL,winName,features) {
	product_line_scd = document.getElementById('product_line_scd').value;
	theURL = '../../www/calculator/price_setup.php?pid='+product_line_scd;
    window.open(theURL,winName,features);

}
function submitfrom(prd_name, shift_val) {
	document.getElementById(prd_name).shift.value=shift_val;
	document.getElementById(prd_name).submit();
}

function update_price_by_ajax(product){

var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      document.getElementById(product).innerHTML = xmlHttp.responseText;
      }
    }
  xmlHttp.open("GET","../../www/product/productlist_ajax.php?product_line=" + product + "&decoration_type=" +  document.getElementById("decoration_type_" + product).value,true);
  xmlHttp.send(null);
  }
  
  function call_custom_cal_func(){
	  if(document.getElementById('califrame')){
		product_line_scd = document.getElementById('product_line_scd').value;
	   document.getElementById('califrame').src = '../../www/calculator/price_setup.php?pid='+product_line_scd;
	   
   		}
	}
	function check_quick_enquiry_form(obj){
	
	/* take qty level selected */

	var checked=false;
	var selected_qty_levels = '';
	var elements = document.getElementsByName("quantity[]");
	for(var i=0; i < elements.length; i++){
		if(elements[i].checked) {		
			selected_qty_levels += elements[i].value+",";
		}
	}
	selected_qty_levels = selected_qty_levels.replace(/,\s*$/, "");
	document.getElementById('hiddden_selected_qty').value = selected_qty_levels;
	
	/* take decoration type from the dropdown */
//	decoration_type = document.getElementsByName("decoration_type");
	product_line_scd = document.getElementById('product_line_scd').value;

	document.getElementById('hiddden_selected_decoration_type').value = document.getElementById("decoration_type_"+product_line_scd).value +" - "+
document.getElementById("decoration_type_"+product_line_scd).options[document.getElementById("decoration_type_"+product_line_scd).selectedIndex].text;

	
		if(document.getElementById('company').value ==''){
			alert('Please insert company name');
			document.getElementById('company').focus();
		return false;
		}		
		if(document.getElementById('name').value ==''){
			alert('Please insert name');
			document.getElementById('name').focus();
		return false;
		}		
		if(document.getElementById('email').value ==''){
			alert('Please insert an email address');
			document.getElementById('email').focus();
		return false;
		}
var emailID=document.getElementById('email');
	
	if ((emailID.value==null)||(emailID.value=="")){
			alert('Please insert an email address');
		emailID.focus();
		return false;
	}
	if (echeck(emailID.value)==false){
		emailID.value=""
		emailID.focus();
		return false;
	}		
		
		if(document.getElementById('phone').value ==''){
			alert('Please insert a phone number');
			document.getElementById('phone').focus();
		return false;
		}		


		
		
/*		if(document.getElementById('decorations').value ==''){
			alert('Please insert a decoration');
			document.getElementById('decorations').focus();
		return false;
		}*/
/*		if(document.getElementById('qty_field').value ==''){
			alert('Please insert a quantity');
			document.getElementById('qty_field').focus();
		return false;
		}*/
		

		
		
		if((document.getElementById('captcha-form').value =='')){
			alert('Please enter verification code');
			document.getElementById('captcha-form').focus();
		return false;
		}
/*		if((document.getElementById('logo_image_hidden').value !='') && (document.getElementById('logo_image').value=='')){
			alert('Please upload your logo/design file again');
			document.getElementById('logo_image').focus();
		return false;
		}	*/	
		
		return true;
	}
function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   alert("Invalid email address")
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   alert("Invalid email address")
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    alert("Invalid email address")
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    alert("Invalid email address")
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    alert("Invalid email address")
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    alert("Invalid email address")
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    alert("Invalid email address")
		    return false
		 }

 		 return true					
	}	
function check_qty_box_checked(){
    if($('input[name="quantity[]"]:checked').length < 1){
            alert("Please select at least one quantity level");
            return false;
}
 return true;
}	
	
function find_user_qty_ajax(product){
	
	if(document.getElementById('custom_qty_table_div') && (document.getElementById('custom_qty_table_div').style.display=='block')){
	
		if(document.getElementById('insert_qty').value==''){
		alert("Please add quantity");
		document.getElementById('insert_qty').focus();
		return false;
		}
		if(parseInt(document.getElementById('insert_qty').value) < parseInt(document.getElementById('min_qty_value').value)){
		var min_qty_value = document.getElementById('min_qty_value').value;
		alert("minimum order quantity is "+min_qty_value+". Please enter a quantity greater than the minimum order quantity");
		document.getElementById('insert_qty').focus();
		return false;
		}
		
/*	if(check_numeric(document.getElementById('insert_qty'))==false){
		return false;
	};*/
	user_qty_value = document.getElementById('insert_qty').value;
	
	
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      document.getElementById('user_qty_price_div').innerHTML = xmlHttp.responseText;
     
      }
    }
  xmlHttp.open("GET","product_custom_qty_ajax.php?product_line=" + product + "&decoration_type=" +  document.getElementById("decoration_type_" + product).value + "&user_qty=" + user_qty_value,true);
  xmlHttp.send(null);
	}
}

//------------------------check_numeric()-----------------------//
function check_numeric(obj){
	var fld =obj.value;
	var numberfield = obj;
   	var minval = 0;
   	var maxval = 999999999;
   	var comma  = "";   //","
   	var period = ".";   //"."
   	var hyphen = "";   //"-"    

	if (chkNumeric(numberfield,minval,maxval,comma,period,hyphen) == false) {
      numberfield.select();
      numberfield.focus();
      return false;
      }
}
</script>


<body onload="initLightbox()">
{header}{touch}
<style type="text/css">
#content{
padding-left: 0px;
padding-right: 0px;
}
</style>
		<div id="content" class="mobile_main_div">
		{left_sidebar_file}
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 mobile-div2">
			<!-- BEGIN back_to_product_list -->
 <a class="backtoproduct" href="../product/productlist.php{parameters}"> < Return to products</a>
			<!-- END back_to_product_list -->
		
			<!-- BEGIN show_cal_screen -->
			<div name="display_output_div" id="display_output_div" >
			</div> 
			<div style="float:right;margin-right:23px;">
		<!--	<a href="#" onclick="javascript:opencalPopUp('','Quotation','scrollbars=1,width=700,height=600')">Custom calc</a> -->
<a href="javascript://" onclick="showHide('fruit1','fruitspan1')">
			        <span id="fruitspan1"> + </span>  Custom calc </a> <br/>
<a href="../../www/customproduct/customproduct.php?stdproductid={stdproduct}&printed={printed}" onclick="">			        
					<span id="fruitspan1"> + </span>  Copy as Custom Product </a>
			        
			</div>			

			<div id="fruit1" style="display:none;"><center>
<iframe name='califrame' id='califrame' src="" width="99%" height="883" scrolling="no" bordercolor="" FRAMEBORDER="no" border='0' bgcolor="" marginwidth=0 marginheight=0 style="border-width: 0px; border-color:none; border-style: none; background-color: none" >
</iframe></center>
			</div>
			<!-- END show_cal_screen -->
			
		{product_added_message} 
			<form action="../product/productinfo.php" method="post"  name="{product_scd22}" id="{product_scd}">
			<input type="hidden" name="shift" id="shift" value="" />

			<div class="product_details">
<!--				<div class="left col-md-4 col-sm-12 col-xs-12">

					
				</div>-->
                <div class="row">
				<div class="left col-lg-5 col-md-5 col-sm-12 col-xs-12">
				
					<!-- BEGIN image_1 -->
					<a href="{image1}" rel="lightbox" >
					<img src="{image1}" alt="{short_description} {product_scd_display}" title="{short_description} {product_scd_display}" class="img-responsive"/>
					<br/>
					<center>Click here to enlarge <i class="fa fa-search-plus" aria-hidden="true"></i>

					</center>
					</a>
					<!-- END image_1 -->
					<!-- BEGIN image_2 -->
					<a href="{image2}" rel="lightbox" >
					<img src="{image2}" alt="{short_description} {product_scd_display}" title="{short_description} {product_scd_display}" class="img-responsive"/>
					<br/>
					<center>Click here to enlarge <i class="fa fa-search-plus" aria-hidden="true"></i>

					</center>
					</a>
					<!-- END image_2 -->
					<!-- BEGIN image_3 -->
					<a href="{image3}" rel="lightbox" >
					<img src="{image3}" alt="{short_description}" title="{short_description}" class="img-responsive"/>
					<br/>
					<center>Click here to enlarge <i class="fa fa-search-plus" aria-hidden="true"></i>
</center>
					</a>
					<!-- END image_3 -->
					
					<br/>
					
					<!-- BEGIN supplier_link -->
					<input type="button" name="supp_info" id="supp_info" value="Supplier info" class="" onclick="window.location='../../www/supplier/supplier.php?scd={sup_id}&action=clientview'"/>
					<!-- END supplier_link -->
					
				</div>
                
                <div class="right col-lg-7 col-md-7 col-sm-12 col-xs-12">
                
                  <div class="product_heading">
                  <h3>{short_description_new}</h3>
                  </div>
                  
                  <div class="product-ref">Product Ref:<strong> {product_scd_display} </strong></div>
                  
                  <div class="product-price">From &#36;{product_min_price}</div>
                  
                  <div class="product-page-price_note">
                    <div>Price shown for this item <strong>DOES NOT INCLUDE</strong> Decoration, Delivery or GST. N.B. Prices are shown here as a guide only, and are subject to quantity ordered &nbsp;lead-time etc. &nbsp;<em><strong>A "small order fee" and or "minimum print charge" may apply for small quantities.&nbsp;Please request a quote to confirm pricing for your specific requirements.</strong></em></div>        
                  </div>

                <!--<div class="style3"><span>Priced from &#36;{product_min_price}*</span></div>-->
                <div style="margin-bottom: 12px;">
					<!-- BEGIN product_line -->
					<label for="color">Color</label>
					<select onchange="javascript:submitfrom('{product_scd}', this.value)" name="product_line_scd" id="product_line_scd">
						<!-- BEGIN loop_option_product_line -->
						<option {selected_product_line} value="{product_line_scd}">{product_color_description}</option>
						<!-- END loop_option_product_line -->
					</select><br/>
					<!-- END product_line -->
					<label for="decoration_type" class="decoration">Select Decoration</label><br/>
					<select name="decoration_type" id="decoration_type_{product_scd_for_ajax}"  <!-- BEGIN decoration_on_change -->onchange="javascript:update_price_by_ajax('{product_scd_for_ajax}');return find_user_qty_ajax('{product_scd_for_ajax}');"<!-- END decoration_on_change -->>
						<!--<option value=""></option>-->
						<!-- BEGIN loop_option_decoration_type -->
						<option value="{decoration_code}" <!-- BEGIN decoration_selected -->selected="{decoration_selected}"<!-- END decoration_selected -->>{decoration_text}</option>
						<!-- END loop_option_decoration_type -->
				    </select>
					<!-- BEGIN hidden_product_line -->
					<input type="hidden" name="product_line_scd" id="product_line_scd" value="{hidden_product_line_scd}">
					<!-- END hidden_product_line -->
				</div>
<label for="decoration_type" class="decoration">Select Quantity</label>
<!-- BEGIN product_information -->


<table border="0" cellspacing="1" cellpadding="0" class="table">
	<tr>
		<th colspan="2">Product Information</th>
	</tr>
	<tr>
		<td class="td_left">Size</td>
		<td>{size}</td>
	</tr>

	<tr>
		<td class="td_left">Product Material</td>
		<td>{product_material}</td>
	</tr>


	<tr>
		<td class="td_left">Printable Area</td>
		<td>{printable_area}</td>
	</tr>
	<tr>
		<td class="td_left">Number of Items per Unit Price</td>
		<td>{number_of_items_per_unit_price}</td>
	</tr>

	<tr>
		<td class="td_left">Number of Items per Carton</td>
		<td>{number_of_units_per_carton}</td>
	</tr>
	<tr>
		<td class="td_left">Width</td>
		<td>{width}</td>
	</tr>

	<tr>
		<td class="td_left">Length</td>
		<td>{length}</td>
	</tr>

	<tr>
		<td class="td_left">Depth</td>
		<td>{depth}</td>
	</tr>

	<tr>
		<td class="td_left">Carton Weight</td>
		<td>{carton_weight}</td>
	</tr>



</table>
<!-- END product_information -->
<!-- BEGIN price_detail -->
				<input type="hidden" name="scd" value="{product_scd_for_cart}"/>
				<input type="hidden" name="printed" value="{printed_for_cart}"/>					
					<div id="{product_scd}">
					<table  border="0" cellspacing="1" cellpadding="0" class="table table-bordered">
						<thead>
							<tr>
								<th align="center">Quantity</th>
					<!-- BEGIN price_detail_quantity_cell -->
								<th align="center"> {quantity}</th>
					<!-- END price_detail_quantity_cell -->
							</tr>
						</thead>
						<tbody>
					<!-- BEGIN price_detail_price_row -->
							<tr>
								<td align="center">Unit Price</td>
						<!-- BEGIN price_detail_price_cell -->
								<td>{price}</td>
						<!-- END price_detail_price_cell -->
							</tr>
					<!-- END price_detail_price_row -->
							<tr>
								<td align="center">Select</td>
					<!-- BEGIN price_detail_checkbox -->
								<td align="center"><input type="checkbox" name="quantity[]" value="{quantity}" /></td>
					<!-- END price_detail_checkbox -->
							</tr>
						</tbody>
					</table>
					
					
					</div>
					<!-- BEGIN show_user_qty_box -->
<!--					<div style="float:right;height: 100px;position: relative;"><input type="button" id="" name="ss" class="custom_qty_btn" value="Custom Qty?" onclick="showHide2('custom_qty_table_div','fruitspan2')"/></div>-->
					<div id="custom_qty_table_div" style="display:none;">
					<input type="hidden" name="min_qty_value" id="min_qty_value" value="{min_qty_value}"/>
					<table  border="0" cellspacing="1" cellpadding="0" class="table table-bordered" style="width: auto;">
					<tr>
					<th>&nbsp;Enter&nbsp;the&nbsp;quantity&nbsp;required&nbsp;</th>
					<td><input type="text" name="insert_qty" id="insert_qty" size="4"/></td>
					<td><input type="button" name="find_qty_price" id="find_qty_price" value="calculate price" class="button" onclick="javascript:return find_user_qty_ajax('{product_scd_for_ajax2}');" /></td>
					</tr>
					</table>
					<div id="user_qty_price_div" ></div>
					</div>
					<!-- END show_user_qty_box -->
					<input type="hidden" name="fruitspan2" id="fruitspan2" />
					<!-- END price_detail -->
                                        

					   <input type="submit" name="add" id="add" value="{cart_button_caption}" class="addtoquote" onclick="return check_qty_box_checked();"/>
                        <!--<a href="../product/request-a-quote.php" class="register"> <div class="cartbtndiv">SEND ENQUIRY</div></a>-->

					</form>


				</div>
                             

			</div>
 			<div class="row">
                	<div class="col-sm-12">
                    	<br/>	
                        <div class="product-desc">
                         <label class="decoration productdetail_desc">Description</label>	                
                   		 <p style="padding: 12px;">{description}</p>		
                        </div>
                    </div>
			 </div>
             
             <br><br>
             
<!--             <div class="block-title">
            <h2>Related Products</h2>
            </div>            
             
             
<div class="col-lg-4 col-md-4 col-sm-3 col-xs-6">
	<div class="productlist_div">
		<div class="product-img btn06">
        	<a href="productinfo.php?name=250ml Natural Spring Water&scd=BSW250ml_HC&printed=4"><img title="250ml Natural Spring Water (BSW250ml_HC)" class="img-responsive zoom_image" src="http://www.mypromosource.com.au/vcquotesystem/resources/product_images/HIGHCALIBER/BSW250ml.jpg" align="top"></a>
        </div>
        
        <div class="product-info" style="min-height: 84px;">
        	<div style="min-height:86px;">
            <h4 class="product-name"><a href="#" title="2-Panel Backpack">250ml Natural Spring Water</a></h4>
                
            <div class="product-price">
                    From <strong>&#36;{product_min_price}</strong>
                     
            </div>

         	</div>
        </div>
					
	 </div>
   </div>-->
        
             
</div>


<!-- cms second part start -->					
<br/><div style="margin-bottom:10px;clear: both;"></div>

<!-- CMS PART BEGIN -->

<!-- BEGIN content_row -->
<!-- BEGIN content_cell -->

<!-- BEGIN edit_links -->

<div id="content_control">
<span>|<a href="../product/productinfo.php?sid={entity_remove_link}&action=confirm_remove&scd={product_scd_new3}" title="Remove this"><img src="../../conf/images/cms_remove.png" atl="Remove this" title="Remove this"/></a></span>
<span>|<a href="../product/productinfo.php?sid={entity_edit_link}&action=edit&scd={product_scd_new3}" title="Edit this"><img src="../../conf/images/cms_edit.png" atl="Edit this" title="Edit this"/></a></span>
<span>|<a href="../product/productinfo.php?sid={entity_move_up_link}&action=move&direction=up&scd={product_scd_new3}" title="Move Up"><img src="../../conf/images/cms_arrowup.png" atl="Move Up" title="Move Up"/></a></span>
<span>|<a href="../product/productinfo.php?sid={entity_move_down_link}&action=move&direction=down&scd={product_scd_new3}" title="Move Down"><img src="../../conf/images/cms_arrowdown.png" atl="Move Down" title="Move Down"/></a></span>
</div> 
<!-- END edit_links -->


<!-- BEGIN node -->
<div class="cms_content">
{node_content_1}
</div>
<!-- END node -->

<!-- END content_cell -->
<!-- END content_row -->

<!-- BEGIN content_form -->
	<div id="form" style="float: left;width: 99%;">
		<h4>Add Content</h4>
		<p>Note: Uploading images with larger width may cause to affect the layout of the page.</p>
		<form action="../product/productinfo.php" method="post" enctype="multipart/form-data">
		
		<!-- BEGIN hidden_element_id -->
		<input type="hidden" name="content_element" id="content_element" value="{content_element_id}" />
		<!-- END hidden_element_id -->

		{fck_editor_node_content_1}<br />
		Select column <select name="display_column" id="display_column">
  			<option value="col1" {selected_col1}>bottom</option>
		</select>
		<label for="submit"></label><input name="submit" id="submit" value="Submit" type="submit" />
		</form>
	</div>
<!-- END content_form -->
		</div>
</div>
{footer}
</body>
</html>