<html>
<head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css">
<link rel="stylesheet" type="text/css" href="div2.css">
<link href="vacation.css" rel="stylesheet" type="text/css">
<link href="bargains.css" rel="stylesheet" type="text/css">
<script language="JavaScript1.2" type="text/javascript" src="validate.js"> </script>
<style type="text/css">
/*margin and padding on body element
can introduce errors in determining
element position and are not recommended;
we turn them off as a foundation for YUI
CSS treatments. */
body {
margin:0;
padding:0;
}
#toggle {
text-align: center;
padding: 1em;
}
#toggle a {
padding: 0 5px;
border-left: 1px solid black;
}
#tRight {
border-left: none !important;
}
</style>
<link rel="stylesheet" type="text/css" href="/yui/build/reset-fonts-grids/reset-fonts-grids.css" />
<link rel="stylesheet" type="text/css" href="/yui/build/resize/assets/skins/sam/resize.css" />
<link rel="stylesheet" type="text/css" href="/yui/build/layout/assets/skins/sam/layout.css" />
<link rel="stylesheet" type="text/css" href="/yui/build/button/assets/skins/sam/button.css" />
<script type="text/javascript" src="/yui/build/yahoo/yahoo-min.js"></script>
<script type="text/javascript" src="/yui/build/event/event-min.js"></script>
<script type="text/javascript" src="/yui/build/dom/dom-min.js"></script>
<script type="text/javascript" src="/yui/build/element/element-min.js"></script>
<script type="text/javascript" src="/yui/build/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="/yui/build/resize/resize-min.js"></script>
<script type="text/javascript" src="/yui/build/animation/animation-min.js"></script>
<script type="text/javascript" src="/yui/build/layout/layout-min.js"></script>
</head>
<body class="yui-skin-sam" >
<div id="container">
<div id="top1">
<img align="left" height="60px" src="http://www.magna.net/images/MagnaLogo-iconChairBlue.png">
<h3>Header and messaging area: Div3</h3>
</div>
<div id="left1">
Menu Area: Div1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="SHORTCUT ICON" href="/favicon.ico">
<link rel="stylesheet" href="/styles/MagnaNet.css">
<div id='MenuItem'>
<ul>
<li class=MenuHead>Main Menu</li>
<li>
<A tabindex="0" href="invrpts.html" target="menu">Inventory Reports</A>
</li><li>
<A tabindex="-1" href="salesrpts.html" target="menu">Sales Reports</A>
</li><li>
<A tabindex=-1 HREF="wheelmenu.html" target="menu" >Sales Wheel</A>
</li><li>
<A tabindex=-1 HREF="telerpts.html" target="menu" >
Telemarketing Reports</A>
</li><li>
<A tabindex=-1 HREF="reservations.html" target="menu" >
Reservation Reports</A>
</li><li>
<A tabindex=-1 HREF="tourrpts.html" target="menu" >Tour Reports</A>
</li><li>
<A tabindex=-1 HREF="commrpts.html" target="menu" >Commissions Reports</A>
</li>
<li>
<a href="/fd.html" target="menu">
Maintenance Fee
</a>
</li>
<li>
<A tabindex=-1 HREF="mortrpts.html" target="menu" >Mortgage Reports</A>
</li><li>
<A tabindex=-1 HREF="/" target="_top" ><strong>Home</strong></A>
</li><li>
<A tabindex=-1 HREF="/search_names.html" target="main" ><strong>DRAFT Search Names</strong></A>
</li><li>
<A tabindex=-1 HREF="telnet://magna.net" target="_top" >Telnet to Magna</A>
</li>
<li class=MenuFoot> </li>
</ul>
</div>
</div>
<div id="maingrid">
Div2
<!-- contact.html -->
<table align="left" border="0" name="copy" align="center" style="background: inherit" id="leadForm" >
<tbody>
<tr valign="top">
<td>
<form action="index.cgi?<TMPL_VAR SID_NAME>=<TMPL_VAR CGISESSID>"
method="get" name="onlineform" id="onlineform"
onsubmit="return validateOther(this)">
<table border=0 summary="nestedlead" >
<tbody>
<tr valign="top" align="left">
<td colspan="2">
<input type="hidden" name="<TMPL_VAR SID_NAME>" value="<TMPL_VAR CGISESSID>" >
<input type="hidden" name="INSERT" value="ttc-svc.html">
<p style="margin-bottom: 1px">
<!--
<span class="vacationdarksub"><b> Address and Contact Info:</b></span></p>
-->
<table class="vacation entrytab" border="0" >
<tbody>
<tr>
<td width="150px"></td>
<td width="250px"></td>
<td width="150px"></td>
<td width="250px"></td>
</tr>
<TMPL_IF Mesg>
<tr><td colspan="4">
<span style="color: RED" class="errorMsg" >
Required fields were not filled out below
</span>
</td>
</tr>
</TMPL_IF>
<tr>
<td width="150px" align="right" valign=
"top" class="vacationdark formtext">
<label for="fname">Guest Name:</label> <TMPL_VAR
ld_fnameMesg><TMPL_VAR ReqFlag></td>
<td nowrap class="c1" xidth="0"><input tabindex="2" name=
"ld_fname" id="fname" value="<TMPL_VAR ld_fname>" size="20">
<td class="formtext" >
<label for="lname">
Last
</label>
<td class="c1">
<input tabindex="4" name="ld_lname" id="lname" value="<TMPL_VAR ld_lname>" size=
"20">
</label>
</td>
</tr>
<tr>
<td xidth="150" align="right" valign=
"top" class="vacationdark formtext">
<label for="fname2">Guest 2 Name:<TMPL_VAR ReqFlag></label></td>
<td class="c1" width="350">
<input tabindex="6" id="fname2" name="ld_fname2"
value="<TMPL_VAR ld_fname2>" size="20">
<td class="formtext" >
<label for="lname2" > Last
<td class="c1" >
<input tabindex="8" id="lname2" name="ld_lname2" value="<TMPL_VAR ld_lname2>" size=
"20"></label></td>
</tr>
<tr>
<td align="right" class="vacationdark formtext">
<label for="mstatus" class="required">Marital Status
<TMPL_VAR mstatusMesg><TMPL_VAR ReqFlag>
</label>
</td>
<td colspan="3" >
<select tabindex="9" id="mstatus" name="mstatus">
<option value="0" >Select</option>
<option value="M" selected="selected" >Married</option>
<option value="S">Single</option>
<option value="C">Cohabitating</option>
</select>
</tr>
<tr>
<td align="right" class="vacationdark formtext" valign="top" >
<label for="street1" >Address:
<TMPL_VAR ld_addressMesg><TMPL_VAR ReqFlag></label></td>
<td class="c1" colspan="3" >
<input id="street1" tabindex="10" name="ld_address"
value="<TMPL_VAR ld_address>" size= "35">
</td>
</tr>
<tr>
<td class="formtext"> </td>
<td class="c1" colspan="3">
<input tabindex="12" name= "ld_address2" value="<TMPL_VAR ld_address2>" size=
"35">
</td>
</tr>
<tr>
<td xidth="150" align="right" valign=
"top" class="vacationdark formtext">
<label for="country">Country:(eg, US)</label></td>
<td class="c1" colspan="3" ><input tabindex="19" name=
"ld_country" id="country" value="<TMPL_VAR ld_country>" size=
"20"></td>
</tr>
<tr>
<td "top" class="vacationdark formtext">
<label for="zip">Zip:
<TMPL_VAR ld_zipMesg><TMPL_VAR ReqFlag>
</label>
</td>
<td class="c1" colspan="3">
<input tabindex="18" name= "ld_zip" id="zip"
value="<TMPL_VAR ld_zip>" size="12">
<label for="city">City:
<TMPL_VAR ld_cityMesg><TMPL_VAR ReqFlag> </label>
<input id="city" tabindex="14" name="ld_city"
value="<TMPL_VAR ld_city>" size="20">
<label for="state">State:
<TMPL_VAR ld_stateMesg><TMPL_VAR ReqFlag></label>
<input id="state" tabindex="16" name="ld_state"
value="<TMPL_VAR ld_state>" size="3">
<input id="stateDesc" name="st_desc" value="<TMPL_VAR st_desc>"
size="15">
</td>
</tr>
<tr>
<td align="right" valign=
"top" class="vacationdark formtext">
<label for="ld_phone1"> Home Phone:
<TMPL_VAR ld_phone1Mesg><TMPL_VAR ReqFlag></label></td>
<td class="c1" ><input tabindex="20" name=
"ld_phone1" id="ld_phone1" value="<TMPL_VAR ld_phone1>" size="16">
<td class="formtext" >
<label for="ld_phone2">Work Phone:</label>
<td>
<input tabindex="22" name=
"ld_phone2" id="ld_phone2" value="<TMPL_VAR ld_phone2>" size="16"></td>
</tr>
<tr>
<td align="right" valign=
"top" class="vacationdark formtext">
<label for="ld_mobile">Mobile Phone:</label></td>
<td class="c1" ><input tabindex="24" name=
"ld_mobile" id="ld_mobile" value="<TMPL_VAR ld_mobile>" size="16"></td>
</tr>
<tr>
<td xidth="150" align="right" valign=
"top" class="vacationdark formtext">
<label for="email">E-mail
<TMPL_VAR ld_emailMesg><TMPL_VAR ReqFlag></label></td>
<td class="c1">
<input tabindex="26" name="ld_email" id="email"
value="<TMPL_VAR ld_email>" size="35"></td>
</tr>
<!--
<tr>
<td colspan="4" align="center" valign="top" class=
"vacationdark formtext">
<center><label for=
"ld_pref_contact" class="required">Your
Preferred Contact Method:</label>
<select tabindex=30 id="ld_pref_contact" name=
"ld_pref_contact">
<option value="E" selected="selected">
E-mail
</option>
<option value="F">
Fax
</option>
<option value="L">
Letter
</option>
<option value="P">
Phone
</option>
</select></center></td>
</tr>
-->
</tbody>
</table>
</td>
</tr>
<tr>
<td align="left" width="150px">
<input tabindex="39" class="c5" type="submit" name="REQUEST" value="Back" align="left" />
<input type="hidden" name="_SESSION_ID" value="<TMPL_VAR _SESSION_ID>" >
<input type="hidden" name="GO" value="three.html" >
<td align="right" width="15px">
<input sytle="font-size: 19px" tabindex="38" type="submit" name="REQUEST" value="Continue" />
</td>
</tr>
</tbody>
</table>
</form>
</td>
</tr>
<tr><td>
<table id="datatable" border="0" width="100%" cellpadding="1" cellspacing="0" width=
"600" class='vacation datatable'>
<tbody>
<tr>
<td width="150px"></td>
<td width="150px"></td>
<td width="150px"></td>
<td width="150px"></td>
</tr>
<tr>
<td colspan="4">
<span class="vacationdark vacationLarge">Your Request is
Available! Packaged Price is $<TMPL_VAR pckgPrice> </span>
Code:<TMPL_VAR ld_prem1>
<br>
<!--
|basePrice <TMPL_VAR basePrice>
|addlNights <TMPL_VAR addlNights>
| addNightCost <TMPL_VAR addNightCost>
-->
</td>
</tr>
<tr>
<td align="right" class="vacationdark formtext" >
Requested Arrival Date </td>
<td class="data"><TMPL_VAR startDateDOW> <TMPL_VAR startDate></td>
</tr>
<!--
<tr>
<td align="right" class="vacationdark formtext" >
<u title="A resort preview presentation is required with this package">Resort Preview Date</u> </td>
<td class="data"><TMPL_VAR tourDateDOW> <TMPL_VAR tourDate> </td>
</tr>
-->
<tr>
<td align="right" class="vacationdark">Departure Date </td>
<td class="data"><TMPL_VAR depDateDOW> <TMPL_VAR depDate> </td>
</tr>
<tr>
<td align="right" class="vacationdark formtext" ># Adults:</td>
<td class='data'><TMPL_VAR numAdults></td>
</tr>
<tr>
<td align="right" class="vacationdark formtext" ># Children:</td>
<td class='data'>
<TMPL_VAR numChild>
</td>
</tr>
<TMPL_IF addNightCost >
<tr>
<td align="right">Additional Nights:</td>
<td class='data'><TMPL_VAR addlNights> @ $
<TMPL_VAR addNightCost>
</td>
</tr>
</TMPL_IF>
<!--
<tr>
<td align="right"><label for="numATix" class=
"required">Additional Adult Tickets:</label></td>
<td class='data'><TMPL_VAR numATix> @ $XX.00</td>
</tr>
<tr>
<td align="right"> Additional Child Tickets:</td>
<td class='data'><TMPL_VAR numCTix> @ $XX.00</td>
</tr>
-->
<tr> <td>
</td></tr>
<tr>
<!--
<tr>
<td class="vacationdark formtext">
<label for="income" class="required">Household Income Range </label>
</td><td>
<select id="income" name="income">
<option value="0" selected="selected" >Select Income</option>
<option value="39" >up to $39,000</option>
<option value="49">$40,000-$49,000</option>
<option value="59">$50,000-$59,000</option>
<option value="69">$60,000-$69,000</option>
<option value="79">$70,000-$79,000</option>
<option value="89">$80,000-$89,000</option>
<option value="99">$90,000-$99,000</option>
</select>
</td>
</tr>
<tr>
<td class="vacationdark formtext">
<label for="mstatus" class="required">Marital Status </label>
</td><td>
<select id="income" name="mstatus">
<option value="0" selected="selected" >Select</option>
<option value="M" >Married</option>
<option value="S">Single</option>
<option value="C">Cohabitating</option>
</select>
</td>
</tr>
-->
</tr>
</tbody>
</table>
</tbody>
</table>
</div>
</div>
<div id="right1">
Stuff
</div>
<script>
(function() {
var Dom = YAHOO.util.Dom,
Event = YAHOO.util.Event;
Event.onDOMReady(function() {
var layout = new YAHOO.widget.Layout({
units: [
{ position: 'top', height: 50, body: 'top1', gutter: '5px',
collapse: false, resize: false },
{ position: 'bottom', header: 'Bottom', height: 100, resize: true, body: 'bottom1', gutter: '5px',
collapse: true },
{ position: 'left', header: 'Left', width: 150, resize: true, body: 'left1', gutter: '5px',
collapse: true, close: true, collapseSize: 50, scroll: true, animate: true },
{ position: 'center', body: 'maingrid', header: 'Address and Contact Info:', gutter: '5ps' }
]
});
layout.on('render', function() {
layout.getUnitByPosition('left').on('close', function() {
closeLeft();
});
});
layout.render();
Event.on('tLeft', 'click', function(ev) {
Event.stopEvent(ev);
layout.getUnitByPosition('left').toggle();
});
Event.on('tRight', 'click', function(ev) {
Event.stopEvent(ev);
layout.getUnitByPosition('right').toggle();
});
Event.on('padRight', 'click', function(ev) {
Event.stopEvent(ev);
var pad = prompt('CSS gutter to apply: ("2px" or "2px 4px" or any combination of the 4 sides)', layout.getUnitByPosition('right').get('gutter'));
layout.getUnitByPosition('right').set('gutter', pad);
});
var closeLeft = function() {
var a = document.createElement('a');
a.href = '#';
a.innerHTML = 'Add Left Unit';
Dom.get('closeLeft').parentNode.appendChild(a);
Dom.setStyle('tLeft', 'display', 'none');
Dom.setStyle('closeLeft', 'display', 'none');
Event.on(a, 'click', function(ev) {
Event.stopEvent(ev);
Dom.setStyle('tLeft', 'display', 'inline');
Dom.setStyle('closeLeft', 'display', 'inline');
a.parentNode.removeChild(a);
layout.addUnit(layout.get('units')[3]);
layout.getUnitByPosition('left').on('close', function() {
closeLeft();
});
});
};
Event.on('closeLeft', 'click', function(ev) {
Event.stopEvent(ev);
layout.getUnitByPosition('left').close();
});
});
})();
</script>
</body>
</html>
