{html_header}
<script type="text/JavaScript" src="../../js/formvalidation.js"></script>
<script language="JavaScript" type="text/javascript">
   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","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 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;
      }
}
	
	
	function check_quick_enquiry_form(obj){
		
		if(document.getElementById('name').value ==''){
			alert('Please insert name');
			document.getElementById('name').focus();
		return false;
		}
	var emailID=document.getElementById('email');
	
	if ((emailID.value==null)||(emailID.value=="")){
		alert("Please Enter your 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 contact number');
			document.getElementById('phone').focus();
		return false;
		}
		if(document.getElementById('company').value ==''){
			alert('Please insert organisation name');
			document.getElementById('company').focus();
		return false;
		}
		if(document.getElementById('message').value ==''){
			alert('Please type your enquiry');
			document.getElementById('message').focus();
		return false;
		}
		
		if(document.getElementById('captcha-form').value ==''){
			alert('Please enter verification code');
			document.getElementById('captcha-form').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					
	}
</script>


<body onLoad="initLightbox()">
{header}{touch}
		<div id="content">
			
			<!-- 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>
			        
			        
			</div><br/>			

			<div id="fruit1" style="display:none;"><center>
<iframe name='califrame' id='califrame' src="" width="705" height="739" 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 -->
			
<div id="">
		{product_added_message}
</div> 
<!-- <div class="product_listheading_div">
{new_product_category_name}
</div> -->

<div class="second_heading_productpage">
{short_description} - ({product_scd_display})

</div>

<div class="details_productpage">
<h1>PRODUCT DESCRIPTION</h1>
{description}
</div>
			



			
			<div class="product_details">
				<div class="left">
					<!-- BEGIN image_1 -->
					<a href="{image1}" rel="lightbox" >
					<img src="{image1}" alt="Image 1" />
					<br/>
					<center>Click here to enlarge<img src="../../conf/images/magnify_icon.gif" style="width:14px; height:15px;vertical-align:middle;" valign="middle" alt="Click here to enlarge" />
					</center>
					</a>
					<!-- END image_1 -->
					<!-- BEGIN image_2 -->
					<a href="{image2}" rel="lightbox" >
					<img src="{image2}" alt="Image 2" />
					<br/>
					<center>Click here to enlarge<img src="../../conf/images/magnify_icon.gif" style="width:14px; height:15px;vertical-align:middle;" valign="middle" alt="Click here to enlarge" />
					</center>
					</a>
					<!-- END image_2 -->
					<!-- BEGIN image_3 -->
					<a href="{image3}" rel="lightbox" >
					<img src="{image3}" alt="Image 3" />
					<br/>
					<center>Click here to enlarge<img src="../../conf/images/magnify_icon.gif" style="width:14px; height:15px;vertical-align:middle;" valign="middle" alt="Click here to enlarge" /></center>
					</a>
					<!-- END image_3 -->
					<br/>

			<!-- BEGIN back_to_product_list -->
			<div class="backtoproductlist_div">
			<form action="productlist.php{parameters}" method="post">
			<input type="submit" value="Back to Product List" class="backtobtn"/>
			</form></div>
			<!-- END back_to_product_list -->
				</div>
				
				
				<div class="right" valign="top">
				<!-- <span class="right_heading">Prices below are a guide only and subject to us seeing the logo/details you intend to decorate</span> -->
				<span class="right_heading">Prices exclude Decoration and are a guide only, <br/>Contact us for decoration options and prices. </span>
			<form action="" method="post"  name="{product_scd}" id="{product_scd}">
			<input type="hidden" name="shift" id="shift" value="" />
				<p>	</p>
					<!-- 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 -->
					<div id="decoration_dropdown_div_id" class="decoration_dropdown_div">
					<div class="decoration_dropdown_div_label"></div>
					<div class="decoration_box">
					<select class="decoration_droplist" name="decoration_type" id="decoration_type_{product_scd_for_ajax}"  <!-- BEGIN decoration_on_change -->onchange="javascript:update_price_by_ajax('{product_scd_for_ajax}');"<!-- END decoration_on_change -->>
						<option value="" selected="{default_decoration_selected}">Select a decoration</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>
				    </div>
					</div>
					
					<div class="qtylevels_div">
					<div class="qtylevels_div_label"></div>
					<div style="float:right;"><input type="button" id="" name="ss" class="custom_qty_btn" onClick="showHide2('custom_qty_table_div','fruitspan2')"/></div>
					<!-- BEGIN hidden_product_line -->
					<input type="hidden" name = "product_line_scd" id="product_line_scd"  value="{hidden_product_line_scd}">
					<!-- END hidden_product_line -->
<!-- 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 -->
				<div class="qtylevels_box">
					<div id="{product_scd}" class="price_table_div">
					<table border="0" cellspacing="1" cellpadding="0" class="table">
						<thead>
							<tr>
								<th align="center" class="first_col">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" class="first_col">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" class="first_col select_col">Select</td>
					<!-- BEGIN price_detail_checkbox -->
								<td align="center" class="select_col"><input type="checkbox" name="quantity[]" value="{quantity}" /></td>
					<!-- END price_detail_checkbox -->
							</tr>
						</tbody>
					</table>
					</div>
					</div>
					<!-- END price_detail -->
					</div>
					
					<!-- BEGIN show_user_qty_box -->
					<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" style="height:53px;">
					<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" />
					
					
					<div class="addtocart_div">
					<div class="addtocart_div_label"></div>
					<input type="submit" name="add" id="add" value=" " class="addtocart_button" />
					
					</div>
					</form>
					<br/>
					
						</tbody>
					</table>


				</div>
			</div>
			
			<div class="devide_bar">
			
			</div>
			
			<!- new enquery submit form -->
			<br/>
			<div class="new_enquery_form2">
			<form method="post" action="" name="enqueryform" id="enqueryform" runat="server" onsubmit="">
			<table>
			<tr>
			<td class="left_enqform2">
			
			<div class="inside_enquery_form2" id="quick_enquery-form">
			
			<span class="text_box_span2">
			<input type="text" size="10" value="{txt_name}" name="name" id="name" />
			<input style="margin-right:0px;" type="text" size="10" value="{txt_company}" name="company" id="company" />
			</span>

			<span class="text_box_span2">
			<input type="text" size="10" value="{txt_email}" name="email" id="email" />
			
			<input style="margin-right:0px;" type="text" size="10" value="{txt_phone}" name="phone" id="phone" />
			</span>
			
			<span class="text_aria_span2">
			<textarea class="enquery_form_textarea2" name="message" id="message" cols="51" rows="6" onMouseOver="" onMouseOut="" size="35" />{txt_message}</textarea>
			</span>
			 <p class="antispam">Leave this empty: <input type="text" name="url" /></p>
			<span class="text_aria_capcha2">
			
				
				<table>
				<tr>
				<td width="224px">
				<!-- BEGIN security_code_error -->
				<label style="text-decoration: blink;">{security_code_errormessage}</label>
				<!-- END security_code_error -->
				In order to assist us in reducing spam, please type the characters you see:</td>
				<td style="padding-left: 3px; padding-right: 16px;text-align: right;">				
				<img src="{security_image_path2}" id="captcha" /><br/>
<!-- CHANGE TEXT LINK -->
<a href="#content" style="font-size:10px;color:blue;font-weight:normal;text-decoration:underline;" onclick="document.getElementById('captcha').src='captcha.php?'+Math.random();document.getElementById('captcha-form').focus();return false;" id="change-image">Not readable? Change text.</a>
</td>
				</tr>
				<tr>
				<td></td>
				<td style="padding-left: 23px; padding-right: 23px;text-align: right;">
    		<input type="text" name="captcha" id="captcha-form" autocomplete="off" class="hoverOff" />
				</td>
				</tr>
				<tr>
				<td></td>
				<td style="padding-left: 68px;">
				<input type="hidden" name="form_unique_id" value="{form_unique_id}"/>
			<input type="hidden" name="hidddenproduct" id="hidddenproduct" value='{short_description} - ({product_scd_display})'/>
			<input class="submit_quick_button2" name="submit_quick_message" id="submit_quick_message" value="" type="submit" onClick="return check_quick_enquiry_form(this);">
				</td>
				</tr>
				
				
				</table>
				
			</span>
			
			
			
			
			</div>
			
			</td>
			<td class="right_enqform2" valign="top">
			<span class="right_heading" style="line-height: 26px;font-size: 17px;">If you can't find the right product, colour, size, we would love to help, Our staff have many years of experience and can track down the item you desire. Contact us or try our Online Help.</span>
			</td>
			</tr>
			</table>
			</form>
			</div>
			<!- end new enquery submit form -->
		</div>

{footer}
<!-- BEGIN hide_decoration_box -->
<script>
document.getElementById("decoration_dropdown_div_id").style.display ='none';
</script>
<!-- END hide_decoration_box -->

		<!-- BEGIN verification_error_block2 -->
	<script>
	location.hash = "#captcha";
	</script>
		<!-- END verification_error_block2 -->
</body>
</html>