EDIT LAYOUT TEMPLATE SOURCE CODE

<script language="JavaScript">
<!--
functionpreview$Picture$(){<br>
varwindow_opts='toolbar=no,location=no,directories=no,status=no,width=420,height=300,
'+'menubar=no,scrollbars=yes,resizable=yes';
var icon_field = document.EditOnline.$Picture$;
if (icon_field.selectedIndex == 0) {
alert('You must select a Picture');
return;
}
var icon = icon_field.options[icon_field.selectedIndex].value;
var url='http://www.cyberteams.com' + icon;
win = window.open(url,'preview_Icon',window_opts);
win.focus();
}
//-->
</SCRIPT>

<script language="JavaScript">
<!--
function build_bullet_list() {
var at_least_one_bullet = false;
var list_field = document.EditOnline.$BL1$;
list_field.value = "";
if (document.EditOnline.$BL1_Bx1$.checked) {
if (! at_least_one_bullet) {
at_least_one_bullet = true;
list_field.value = "<UL>\n";
}
list_field.value = list_field.value + "<LI>Power Brakes</LI>\n";
}
if (document.EditOnline.$BL1_Bx2$.checked) {
if (! at_least_one_bullet) {
at_least_one_bullet = true;
list_field.value = "<UL>\n";
}
list_field.value = list_field.value + "<LI>Power Steering</LI>\n";
}
if (document.EditOnline.$BL1_Bx3$.checked) {
if (! at_least_one_bullet) {
at_least_one_bullet = true;
list_field.value = "<UL>\n";
}
list_field.value = list_field.value + "<LI>Air Conditioning</LI>\n";
}

if (document.EditOnline.$BL1_Bx4$.checked) {
if (! at_least_one_bullet) {
at_least_one_bullet = true;
list_field.value = "<UL>\n";
}
list_field.value = list_field.value + "<LI>Tilt Steering Wheel</LI>\n";
}
if (document.EditOnline.$BL1_Bx5$.checked) {
if (! at_least_one_bullet) {
at_least_one_bullet = true;
list_field.value = "<UL>\n";
}
list_field.value = list_field.value + "<LI>Anti-Lock Brakes</LI>\n";
}

if (document.EditOnline.$BL1_Bx6$.checked) {
if (! at_least_one_bullet) {
at_least_one_bullet = true;
list_field.value = "<UL>\n";
}
list_field.value = list_field.value + "<LI>Security Features</LI>\n";
}

if (document.EditOnline.$BL1_Bx7$.checked) {
if (! at_least_one_bullet) {
at_least_one_bullet = true;
list_field.value = "<UL>\n";
}
list_field.value = list_field.value + "<LI>No information available yet</LI>\n";
}

if (at_least_one_bullet) {
list_field.value = list_field.value + "</UL>\n";
}
}
//-->
</script>

<BODY background=/wsd-demo/images/background-car.gif>
<TABLE width="90%" bgColor=#ff0000 border=2>
<TBODY>
<TR>
<TD width="20%">
<P align=center><STRONG><FONT face="Arial,Helvetica">HOME</FONT></STRONG></P></TD>
<TD width="20%"><P align=center><STRONG><FONT face="Arial,Helvetica">OPENING
HOURS</FONT></STRONG></P></TD>
<TD width="20%"><P align=center><STRONG><FONT face="Arial,Helvetica">NEW
INVENTORY</FONT></STRONG></P></TD>
<TD width="20%"><P align=center><STRONG><FONT face="Arial,Helvetica">TECHNICAL</FONT></STRONG></P></TD>
<TD width="20%"><P align=center><STRONG><FONT face="Arial,Helvetica">SHOP</FONT></STRONG></P></TD>
</TR>
</TBODY>
</TABLE>
<TABLE width="90%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="60%"><P align=center><FONT face="Arial,Helvetica" color="#ff0000"
size=6><STRONG>Uncle Sam's <EM>Used Cars</EM></STRONG></FONT></P></TD>
<TD width="30%"><P align=center><FONT face="Arial,Helvetica"><STRONG>1542 Cornerstreet<BR>Middletown
MD 42054<BR>Phone: (123) 456-9876<BR></STRONG></FONT></P>
<HR align=center width=166 color=red SIZE=1 height="1">
</TD>
</TR>
</TBODY>
</TABLE>
<TABLE width="90%" border=0 vAlign="middle">
<TBODY>
<TR>
<TD><FONT face="Arial,Helvetica" color="#ff0000"><B>
<!--[type=IMAGE name="Picture" prompt="Select a Picture:"
imagedir="/wsd-demo/images/cars"]-->
<IMG src="" border=2>
<!--[END]--></B></FONT>
<INPUT type=button value="Show Picture" name="preView$Picture$" onclick="return preview$Picture$()">
</TD>
</TR>
</TBODY>
</TABLE>
<TABLE>
<TBODY>
<TR>
<TD><FONT face="Arial,Helvetica" color="#ff0000" size=2><B>Select year:
<SELECT name=$Year$>
<OPTION value=2001 {$Year$:"2001":selected}>2001
<OPTION value=2000 {$Year$:"2000":selected}>2000
<OPTION value=1999 {$Year$:"1999":selected}>1999
<OPTION value=1998 {$Year$:"1998":selected}>1998
<OPTION value=1997 {$Year$:"1997":selected}>1997
<OPTION value=1996 {$Year$:"1996":selected}>1996
<OPTION value=1995 {$Year$:"1995":selected}>1995
<OPTION value=1994 {$Year$:"1994":selected}>1994
<OPTION value=1993 {$Year$:"1993":selected}>1993
<OPTION value=1992 {$Year$:"1992":selected}>1992
<OPTION value=1991 {$Year$:"1991":selected}>1991
<OPTION value=1990 {$Year$:"1990":selected}>1990
<OPTION value=1989 {$Year$:"1989":selected}>1989
<OPTION value=1988 {$Year$:"1988":selected}>1988
<OPTION value=1987 {$Year$:"1987":selected}>1987
<OPTION value=1986 {$Year$:"1986":selected}>1986
<OPTION value=1985 {$Year$:"1985":selected}>1985
<OPTION value=1984 {$Year$:"1984":selected}>1984
<OPTION value=1983 {$Year$:"1983":selected}>1983
<OPTION value=1982 {$Year$:"1982":selected}>1982
<OPTION value=1981 {$Year$:"1981":selected}>1981
<OPTION value=1980 {$Year$:"1980":selected}>1980
<OPTION value=1979 {$Year$:"1979":selected}>1979
<OPTION value=1978 {$Year$:"1978":selected}>1978
<OPTION value=1977 {$Year$:"1977":selected}>1977
<OPTION value=1976 {$Year$:"1976":selected}>1976
<OPTION value=1975 {$Year$:"1975":selected}>1975
<OPTION value=1974 {$Year$:"1974":selected}>1974
<OPTION value=1973 {$Year$:"1973":selected}>1973
<OPTION value=1972 {$Year$:"1972":selected}>1972
<OPTION value=1971 {$Year$:"1971":selected}>1971
<OPTION value=1970 {$Year$:"1970":selected}>1970
<OPTION value=1969 {$Year$:"1969":selected}>1969
<OPTION value=1968 {$Year$:"1968":selected}>1968
<OPTION value=1967 {$Year$:"1967":selected}>1967
<OPTION value=1966 {$Year$:"1966":selected}>1966
<OPTION value=1965 {$Year$:"1965":selected}>1965
<OPTION value=1964 {$Year$:"1964":selected}>1964
<OPTION value=1963 {$Year$:"1963":selected}>1963
<OPTION value=1962 {$Year$:"1962":selected}>1962
<OPTION value=1961 {$Year$:"1961":selected}>1961
<OPTION value=1960 {$Year$:"1960":selected}>1960
<OPTION value="before 1960" {$Year$:"before 1960":selected}>before 1960
</OPTION>
</SELECT></FONT></B></TD>
<TD><FONT face="Arial,Helvetica" color="#ff0000" size=2><B>Select Brand Name:
<SELECT name=$Brand$>
<OPTION value=Audi {$Brand$:"Audi":selected}>Audi
<OPTION value=Buick {$Brand$:"Buick":selected}>Buick
<OPTION value=Cadillac {$Brand$:"Cadillac":selected}>Cadillac
<OPTION value=Chevrolet {$Brand$:"Chevrolet":selected}>Chevrolet
<OPTION value=Chrysler {$Brand$:"Chrysler":selected}>Chrysler
<OPTION value=Cobra {$Brand$:"Cobra":selected}>Cobra
<OPTION value=Ford {$Brand$:"Ford":selected}>Ford
<OPTION value=Jaguar {$Brand$:"Jaguar":selected}>Jaguar
<OPTION value=Jeep {$Brand$:"Jeep":selected}>Jeep
<OPTION value=Lamborghini {$Brand$:"Lamborghini":selected}>Lamborghini
<OPTION value=Mercedes {$Brand$:"Mercedes":selected}>Mercedes
<OPTION value=Nissan {$Brand$:"Nissan":selected}>Nissan
<OPTION value=Oldsmobile {$Brand$:"Oldsmobile":selected}>Oldsmobile
<OPTION value=Osca {$Brand$:"Osca":selected}>Osca
<OPTION value=Pontiac {$Brand$:"Pontiac":selected}>Pontiac
<OPTION value=Porsche {$Brand$:"Porsche":selected}>Porsche
<OPTION value=Rolls Royce {$Brand$:"Rolls Royce":selected}>Rolls Royce
<OPTION value=Subaru {$Brand$:"Subaru":selected}>Subaru
<OPTION value=Toyota {$Brand$:"Toyota":selected}>Toyota
<OPTION value=Volkswagen {$Brand$:"Volkswagen":selected}>Volkswagen
</OPTION>
</SELECT></FONT></B></TD>
</TR>
</TBODY>
</TABLE>
<P>
<TABLE>
<TBODY>
<TR>
<TD><FONT face="Arial,Helvetica" color="#ff0000" size=2><B>
<!--[type=EDIT name="Model" prompt="Enter Model:"]-->
<!--[END]--></B></FONT></TD>
</TR>
</TBODY>
</TABLE>
<TABLE>
<TBODY>
<TR>
<TD><FONT face=Arial,Helvetica><STRONG>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top align=left><FONT face=Arial,Helvetica size=+0><FONT
color=#ff0000><B>Check features (at least one) that apply to the car:</B></FONT>
<UL>
<LI><INPUT type=checkbox name="$BL1_Bx1$" {$BL1_Bx1$:"on":checked} onClick="build_bullet_list()">Power Brakes</LI>
<LI><INPUT type=checkbox name="$BL1_Bx2$" {$BL1_Bx2$:"on":checked} onClick="build_bullet_list()">Power Steering</LI>
<LI><INPUT type=checkbox name="$BL1_Bx3$" {$BL1_Bx3$:"on":checked} onClick="build_bullet_list()">Air Conditioning</LI>
<LI><INPUT type=checkbox name="$BL1_Bx4$" {$BL1_Bx4$:"on":checked} onClick="build_bullet_list()">Tilt Steering Wheel</LI>
<LI><INPUT type=checkbox name="$BL1_Bx5$" {$BL1_Bx5$:"on":checked} onClick="build_bullet_list()">Anti-Lock Brakes</LI>
<LI><INPUT type=checkbox name="$BL1_Bx6$" {$BL1_Bx6$:"on":checked} onClick="build_bullet_list()">Security Features</LI>
<LI><INPUT type=checkbox name="$BL1_Bx7$" {$BL1_Bx7$:"on":checked} onClick="build_bullet_list()">No information available yet</LI>
</UL></FONT><BR>&nbsp;<BR>
<INPUT type=hidden value="<$field:BL1$>" name="$BL1$">
</TD>
</TR>
</TBODY>
</TABLE></STRONG></FONT>
</TD>
</TR>
</TBODY>
</TABLE>
<TABLE cellSpacing=5 width="50%" border=0>
<TBODY>
<TR>
<TD bgColor="#d4d0c8"><FONT face="Arial,Helvetica">Enter the price
(use the format 00,000.00):
<!--[type=EDIT name="Price" width=10]-->
<!--[END]--></FONT></TD>
</TR>
<TR>
<TD bgColor=#d4d0c8><FONT face=Arial,Helvetica>Enter the mileage
(use the format 00.000):

<!--[type=EDIT name="Mileage" width=10]-->
<!--[END]--></FONT></TD>
</TR>
<TR>
<TD bgColor=#d4d0c8><FONT face=Arial,Helvetica>Select engine type:
&nbsp;&nbsp;
<SELECT name=$Engine$>
<OPTION value="no info available" {$Engine$:"no info available":selected}>No Info.
<OPTION value="4 cylinder" {$Engine$:"4 cylinder":selected}>4 cylinder
<OPTION value="6 cylinder" {$Engine$:"6 cylinder":selected}>6 cylinder
<OPTION value="8 cylinder" {$Engine$:"8 cylinder":selected}>8 cylinder
</OPTION>
</SELECT></FONT></TD>
</TR>
<TR>
<TD bgColor=#d4d0c8><FONT face=Arial,Helvetica>Select fuel type:
&nbsp;&nbsp;&nbsp;&nbsp;
<SELECT name=$Fuel$>
<OPTION value="no info available" {$Fuel$:"no info available":selected}>no info
<OPTION value=gasoline {$Fuel$:"gasoline":selected}>gasoline
<OPTION value=diesel {$Fuel$:"diesel":selected}>diesel
<OPTION value="natural gas" {$Fuel$:"natural gas":selected}>natural gas
<OPTION value=battery {$Fuel$:"battery":selected}>battery
</OPTION>
</SELECT></FONT></TD>
</TR>
<TR>
<TD bgColor=#d4d0c8><FONT face=Arial,Helvetica>Select number of doors:
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<SELECT name=$Doors$>
<OPTION value=2 {$Doors$:"2":selected}>2
<OPTION value=3 {$Doors$:"3":selected}>3
<OPTION value=4 {$Doors$:"4":selected}>4
<OPTION value=5 {$Doors$:"5":selected}>5
</OPTION>
</SELECT></FONT></TD>
</TR>
<TR>
<TD bgColor=#d4d0c8><FONT face=Arial,Helvetica>Select color:
<SELECT name=$Color$>
<OPTION value=white {$Color$:"white":selected}>white
<OPTION value=green {$Color$:"green":selected}>green
<OPTION value=black {$Color$:"black":selected}>black
<OPTION value=blue {$Color$:"blue":selected}>blue
<OPTION value=grey {$Color$:"grey":selected}>grey
<OPTION value=red {$Color$:"red":selected}>red
<OPTION value=yelllow {$Color$:"yellow":selected}>yellow
<OPTION value=unknown {$Color$:"unknown":selected}>unknown
</OPTION>
</SELECT></FONT></TD>
</TR>
</TBODY>
</TABLE>
<P><STRONG><FONT face="Arial,Helvetica" color="#ff0000">Enter additional info
about this car:</STRONG><BR>
This editor works like Word. You can enter any text you like. Also you
can insert an image: click on the "insert image" icon, then click
on "browse Server" en select an image from the list.
<BR> <BR>
<I>
<!--[type=HTMLEDIT name="Info" width=PREFWIDTH height=25
pixelwidth=70% pixelheight=200 wrap=SOFT imagedir="/wsd-demo/images/cars/extra"]-->
<!--[END]--></I></FONT></P>
<P align=left><FONT face=Arial,Helvetica>Did you enter all the information?
Click on the "preview button" below to see the result in a new browser window.
After closing the preview window, you can make additional changes and do another
preview. If you like the result, click on "Update and return" and your
page will be published. Click the button "Try WebSite Director
Pro" on the next page to modify/delete your published page or
to create a new page with a different template.
</FONT></P>


Copyright 2000-2005 CyberTeams, Inc., http://www.cyberteams.com All rights reserved.
CyberTeams and WebSite Director are registered trademarks of CyberTeams, Inc. All other marks are the property of their respective owners.