Invite

<< back to dutchdoorpress.com | comments or questions?

first choose your style, then choose your colors.

three simple steps:

1. pick your style

arch

pick your colors

choose your own:

30 color choices

recommended colors:

2. choose your options

qty: item (colors)

cost

hello

estimate:

3. submit your info

<div id="slider"> 
		<ul class="navigation">
		{for style in styles}
	    	<li><a href="#${style.name}" id="${style.id}_link">${style.name}</a></li>
	    {/for}
	    </ul>
		<div class="scroll">
	    	<div class="scrollContainer">
	    	{for style in styles}
	        	<div class="panel" id="${style.id}">
					<h3>${style.name} <span id="selectedStyleColors_${style.id}" class="styleDescription">1-3 colors</span></h3>
					<p class="copy">${style.description}</p>
						<div id="imageSwap">
							
							<img src="./files/transparent.gif" class="background" id="${style.id}_background">
							<img src="./files/transparent.gif" class="primary" id="${style.id}_1">
							<img src="./files/transparent.gif" class="secondary" id="${style.id}_2">
							<img src="./files/transparent.gif" class="accent" id="${style.id}_3">
							
						</div>
				</div>
			{/for}
		</div>
	</div>

<div id="optionsContent">
	<div class="copy">please select the number of ink colors, and quantities for the pieces you desire.<br/><br/></div>
<form id="blah">
<table border="0" cellpadding="3" cellspacing="0" width="500">

<tr valign="top">
	<td><br></td>
	<td># of ink colors</td>
	<td>quantity</td>
	<td><br></td>
	<td><br></td>
</tr>

<tr valign="top">
<td class="copy" align="right">invitation*</td>
<td><select id="invitation_colors" onchange="recalculatePrice('invitation');">
			<option value="0" selected>1 color</option>

<option value="150">2 colors</option>
			<option value="350">3 colors</option></select></td>
<td>
		<select id="invitation_qty" onchange="recalculatePrice('invitation');">
			<option value="0">0</option></option>
			<option value="350">50</option>
			<option value="400">75</option>

<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('invitation')">clear</a></span></td></tr>

<tr valign="top">
<td class="copy" align="right">add envelope printing **</td>
<td><select id="envelope_colors" onchange="recalculatePrice('envelope');">
			<option value="0" selected>1 color</option></select></td>
<td>
		<select id="envelope_qty" onchange="recalculatePrice('envelope');">
			<option value="0">0</option>

<option value="200">200</option></select></td>
<td class="subtot">$<span class="subtotal" id="envelope_total">0</span></td>
<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('envelope')">clear</a></span></td></tr>

<tr valign="top">
<td class="copy" align="right">response card</td>
<td><select id="response_colors" onchange="recalculatePrice('response');">
			<option value="0" selected>1 color</option>

<option value="100">2 colors</option>
			<option value="250">3 colors</option></select></td>
<td>
		<select id="response_qty" onchange="recalculatePrice('response');">
			<option value="0">0</option>
			<option value="200">50</option>
			<option value="225">75</option>

<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('response')">clear</a></span></td></tr>
<tr valign="top">
<td class="copy" align="right">add envelope printing **</td>
<td><select id="resenvelope_colors" onchange="recalculatePrice('resenvelope');">
			<option value="0" selected>1 color</option></select></td>
<td>
		<select id="resenvelope_qty" onchange="recalculatePrice('resenvelope');">
			<option value="0">0</option>

<option value="200">200</option></select></td>
<td class="subtot">$<span class="subtotal" id="resenvelope_total">0</span></td>
<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('resenvelope')">clear</a></span></td></tr>
<tr valign="top">
<td class="copy" align="right" nowrap>response postcard (no envelope)</td>
<td><select id="respost_colors" onchange="recalculatePrice('respost');">
			<option value="0" selected>1 color</option>

<option value="100">2 colors</option>
			<option value="350">3 colors</option></select></td>
<td>
		<select id="respost_qty" onchange="recalculatePrice('respost');">
			<option value="0">0</option>
			<option value="175">50</option>
			<option value="200">75</option>

<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('respost')">clear</a></span></td></tr>
<tr valign="top">
<td class="copy" align="right">additional info</td>
<td><select id="addinfo_colors" onchange="recalculatePrice('addinfo');">
			<option value="0" selected>1 color</option>
			<option value="100">2 colors</option>
			<option value="350">3 colors</option></select></td>

<option value="275">150</option>
			<option value="300">175</option>
			<option value="325">200</option></select></td>
<td class="subtot">$<span class="subtotal" id="addinfo_total">0</span></td>
<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('addinfo')">clear</a></span></td></tr>
<tr valign="top">
<td class="copy" align="right">reception invitation</td>

<td><select id="reception_colors" onchange="recalculatePrice('reception');">
			<option value="0" selected>1 color</option>
			<option value="100">2 colors</option>
			<option value="350">3 colors</option></select></td>
<td>
		<select id="reception_qty" onchange="recalculatePrice('reception');">
			<option value="0">0</option>

<option value="350">200</option></select></td>
<td class="subtot">$<span class="subtotal" id="reception_total">0</span></td>
<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('reception')">clear</a></span></td></tr>
<tr valign="top">
<td class="copy" align="right">flat thank you note*</td>
<td><select id="flatty_colors" onchange="recalculatePrice('flatty');">
			<option value="0" selected>1 color</option>
			<option value="100">2 colors</option>
			<option value="350">3 colors</option></select></td>
<td>
		<select id="flatty_qty" onchange="recalculatePrice('flatty');">
			<option value="0">0</option>
			<option value="225">50</option>
			<option value="250">75</option>
			<option value="275">100</option>
			<option value="300">125</option>
			<option value="325">150</option>
			<option value="350">175</option>
			<option value="375">200</option></select></td>
<td class="subtot">$<span class="subtotal" id="flatty_total">0</span></td>

<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('flatty')">clear</a></span></td></tr>
<tr valign="top">
<td class="copy" align="right">folded thank you note*</td>
<td><select id="foldty_colors" onchange="recalculatePrice('foldty');">
			<option value="0" selected>1 color</option>
			<option value="100">2 colors</option>
			<option value="350">3 colors</option></select></td>
<td>
		<select id="foldty_qty" onchange="recalculatePrice('foldty');">
			<option value="0">0</option>
			<option value="325">50</option>
			<option value="350">75</option>
			<option value="375">100</option>
			<option value="400">125</option>

<option value="425">150</option>
			<option value="450">175</option>
			<option value="475">200</option></select></td>
<td class="subtot">$<span class="subtotal" id="foldty_total">0</span></td>
<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('foldty')">clear</a></span></td></tr>
<tr valign="top">
<td class="copy" align="right">menu</td>

<td><select id="menu_colors" onchange="recalculatePrice('menu');">
			<option value="0" selected>1 color</option>
			<option value="100">2 colors</option>
			<option value="250">3 colors</option></select></td>
<td>
		<select id="menu_qty" onchange="recalculatePrice('menu');">
			<option value="0">0</option>

<option value="200">50</option>
			<option value="225">75</option>
			<option value="250">100</option>
			<option value="275">125</option>
			<option value="300">150</option>
			<option value="325">175</option>
			<option value="350">200</option></select></td>
<td class="subtot">$<span class="subtotal" id="menu_total">0</span></td>
<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('menu')">clear</a></span></td></tr>
<tr valign="top">
<td class="copy" align="right">placecard</td>
<td><select id="placecard_colors" onchange="recalculatePrice('placecard');">
			<option value="0" selected>1 color</option>

<option value="100">2 colors</option>
			<option value="350">3 colors</option></select></td>
<td>
		<select id="placecard_qty" onchange="recalculatePrice('placecard');">
</p>
			<option value="0">0</option>
			<option value="175">50</option>
			<option value="200">75</option>
			<option value="225">100</option>
			<option value="250">125</option>
			<option value="275">150</option>
			<option value="300">175</option>
			<option value="325">200</option></select></td>
<td class="subtot">$<span class="subtotal" id="placecard_total">0</span></td>

<td><span class="remove"><a href="javascript:void(0);" onclick="clearSub('placecard')">clear</a></span></td></tr>
<tr valign="top">
<td align="right"><span class="asterix"><br /><br />* includes unprinted envelopes<br /><br />
** for prices on additional ink colors on envelopes please contact us at
<a href="mailto:weddings@dutchdoorpress.com">weddings@dutchdoorpress.com</a></td><td colspan="2" align="right"><b>estimate:</b></td><td class="grandtot"><b>$<span id="grand_total">0</span></b><br /><img src="images/x.gif" width="60" height="1" /></td>
<td><span class="remove"><a href="javascript:void(0);" onclick="zeroAll()">clear</a></span></td></tr></table>
</form>
</div>

{var textarea = "textarea"}
<div id="formContent">
<p>please send us your contact information, and we'll get back to you within 1-2 business days to discuss the invitation set you just customized.</p>
<div id="formWarning"></div>
	<form action="./submit.php" name="submission" id="submission" method="post">
	<table border="0" cellpadding="10" cellspacing="0">
    	<tr>
    	    <td valign="top" colspan="3">
    	        <label id="form_name_label">your name: </label><br><input class="formInputLarge" type="text" id="form_name"  name="name" value=""><br>
    	    </td>
    	</tr>
    	<tr>
    	    <td valign="top">
    	        <label id="form_email_label">email address: </label><br><input class="formInput" type="text" id="form_email" name="email" value=""><br>
    	    </td>
    		<td width="25" valign="middle" align="center"> or </td>
    	    <td valign="top">
    	        <label id="form_phone_label">phone number: </label><br><input class="formInput" type="text" id="form_phone" name="phone" value=""><br>
    	    </td>
    	</tr>
    	<tr>
    	    <td valign="top" colspan="3">
    	        <label>additional information and special requests: </label><br><${textarea} id="form_note" name="note" ></${textarea}><br>
    	    </td>
    	</tr>
    </table>
    <input type="hidden" value="" name="options" id="form_options">
    </form>
</div>