//----------------------------------------------------------------------------------------------------------------------
//Page background, font etc.
//----------------------------------------------------------------------------------------------------------------------
function header()
{
document.write("<body background='../images/jacquard.gif' topmargin='0' style='font-family: Papyrus' class='Papyrus' id='Papyrus'>")
document.write("<div align='center'><table border='0' width='900' id='table_header'><tr><td align='center'><a href='../index.html'><img border='0' src='../images/jfdlogo.gif' width='469' height='80' alt='Jacquelyn Fields Designs'></a></td></tr>")
document.write("<tr><td align='center'><img border='0' src='../images/words.gif' width='707' height='40'></td></tr><tr><td id='construction'></td></tr></table></div>")
}

function shoppingCartButton()
{
document.write("<form name='shoppingCart' target='paypal' action='https://www.paypal.com/cgi-bin/webscr' method='post'>")
document.write("<input type='hidden' name='cmd' value='_cart'>")
document.write("<input type='hidden' name='business' value='jackie@jackiefieldsdesigns.com'>")
document.write("<input type='hidden' name='page_style' value='Jackie'>")
document.write("<input type='image' src='../images/menu_07_out.gif' id='viewcart' alt='Shopping Cart' border='0' width='160' height='54' onmouseover=document.getElementById('viewcart').src='../images/menu_07_in.gif' onmouseout=document.getElementById('viewcart').src='../images/menu_07_out.gif'>")
document.write("<input type='hidden' name='display' value='1'></form>")
}

function footer()
{
document.write("<p align='center'><font size='2'>&nbsp;Jacquelyn Fields Designs<br>Oak Park, Illinois<br>Phone: 773.405.1112<br><u><a href='mailto:jackie@jackiefieldsdesigns.com' title='send an e-mail'><font color='black'>e-mail Jackie</font></a></u></p>")
document.write("<p align='center'><a href='http://www.activemeter.com/' target='_blank'><img src='http://am1.activemeter.com/webtracker/track.html?method=track&pid=42578&java=0' alt='Free Hit Counter' border='0'></a><br>visits to this site</p>")
document.write("<font color='black' size=2><p align=center><font color='black'>Copyright&copy; Jacquelyn Fields Designs 2008<br></font>Website designed by <a href='mailto:tbrestnichki@gmail.com?subject=web-design'>TeoBr</a></p></font>")
}

function newWindow(newContent)
{
winContent = window.open(newContent, 'nextWin', 'left=100, top=50, width=1100, height=750, toolbar=no, scrollbars=yes, resizable=no')
}

// end of common javascript
// women's javascript


function kristen()
{
		document.getElementById("wraps1").innerHTML = "<a href=javascript:newWindow('kristenwrap.html')><img border='0' src='wraps/t_kristenwrap.gif' width='234' height='300'></a>";
		document.getElementById("wraps2").innerHTML = "<font style='cursor: pointer' onclick=kristen() color='#800000'><b>Kristen</b></font> | <font style='cursor: pointer' onclick=chiara()><b>Chiara</b></font> | <font style='cursor: pointer' onclick=joanna()><b>Joanna</b></font>";
		document.getElementById("wraps3").innerHTML = "<p style='margin-left: 10px'><i>This 3 season accessory is an &quot;easy wear&quot; addition to any wardrobe.<br>Whether you are rolling it up to stash in a beach bag for those summer sunset walks, or just wanting to wear a comfortable, pretty wrap around the town during Spring and Fall, this chenille poncho is a &quot;must have.&quot;<br>This versatile piece is also a great dash of color for pregnant moms!</i>";
}


function chiara()
{
		document.getElementById("wraps1").innerHTML = "<a href=javascript:newWindow('chiara.html')><img border='0' src='wraps/t_chiara.gif' width='234' height='300'></a>";
		document.getElementById("wraps2").innerHTML = "<font style='cursor: pointer' onclick=kristen()><b>Kristen</b></font> | <font style='cursor: pointer' onclick=chiara() color='#800000'><b>Chiara</b></font> | <font style='cursor: pointer' onclick=joanna()><b>Joanna</b></font>";
		document.getElementById("wraps3").innerHTML = "<p style='margin-left: 10px'><i>Reversible velvet poncho with crystals.<br>Colorways: black, magenta, red (linings will vary).<br>One size fits all.</i>";		
}


function joanna()
{
		document.getElementById("wraps1").innerHTML = "<a href=javascript:newWindow('joanna.html')><img border='0' src='wraps/t_joanna.gif' width='234' height='300'></a>";
		document.getElementById("wraps2").innerHTML = "<font style='cursor: pointer' onclick=kristen()><b>Kristen</b></font> | <font style='cursor: pointer' onclick=chiara()><b>Chiara</b></font> | <font style='cursor: pointer' onclick=joanna() color='#800000'><b>Joanna</b></font>";
		document.getElementById("wraps3").innerHTML = "<p style='margin-left: 10px'><i>A great versatile piece to take you through the seasons.<br>This burnout velvet wrap top can be worn as a crossover top, tied in the back, over one or  two shoulders, or worn open and attached with a pin.<br>Available in blue/black or taupe/black<br>Note, these are limited fabrics and when sold out,  the new fabric options will be shown.</i>";
}

//SCARVES ---------------------------------------------
function furbies()
{
		document.getElementById("scarves00").innerHTML = "<u><b>Furbies Scarves</b></u><p>dramatic and face framing to bring out the glamour girl in all of us<br>";
		document.getElementById("scarves01").innerHTML = "<a href=javascript:newWindow('felicity.html')><img border='0' src='scarfbelt/t_felicity.jpg' width='156' height='200'></a><br><b>Felicity</b>";
		document.getElementById("scarves02").innerHTML = "<a href=javascript:newWindow('sydney.html')><img border='0' src='scarfbelt/t_sydney.gif' width='156' height='200'></a><b><br>Sydney</b>";
		document.getElementById("scarves03").innerHTML = "<a href=javascript:newWindow('sienna.html')><img border='0' src='scarfbelt/t_sienna.jpg' width='156' height='200'></a><br><b>Sienna</b>";
		document.getElementById("scarves04").innerHTML = "";
		document.getElementById("scarves05").innerHTML = "";
		document.getElementById("scarves06").innerHTML = "";
		document.getElementById("scarves07").innerHTML = "";
		document.getElementById("scarves08").innerHTML = "";
		document.getElementById("button1").innerHTML = "<img border='0' src='../images/scarves_01_out.gif' width='140' height='47' style='cursor: pointer' onclick=furbies()>";
		document.getElementById("button2").innerHTML = "<img border='0' src='../images/scarves_02_in.gif' width='140' height='47' style='cursor: pointer' onclick=satin()>";
		document.getElementById("button3").innerHTML = "<img border='0' src='../images/scarves_03_in.gif' width='140' height='47' style='cursor: pointer' onclick=tweed()>";
		document.getElementById("button4").innerHTML = "<img border='0' src='../images/scarves_04_in.gif' width='140' height='47' style='cursor: pointer' onclick=embossed()>";
		document.getElementById("button5").innerHTML = "<img border='0' src='../images/scarves_05_in.gif' width='140' height='47' style='cursor: pointer' onclick=upholstery()>";
}


function satin()
{
		document.getElementById("scarves00").innerHTML = "<u><b>Satin &amp; Velvet Scarves</b></u><p>functional for both day and night; work or play<br>";
		document.getElementById("scarves01").innerHTML = "<a href=javascript:newWindow('sylvia.html')><img border='0' src='scarfbelt/t_sylvia.gif' width='156' height='200'></a><br><b>Sylvia</b>";
		document.getElementById("scarves02").innerHTML = "<a href=javascript:newWindow('alana.html')><img border='0' src='scarfbelt/t_alana.gif' width='156' height='200'></a><br><b>Alana</b>";
		document.getElementById("scarves03").innerHTML = "<a href=javascript:newWindow('arica.html')><img border='0' src='scarfbelt/t_arica.jpg' width='156' height='200'></a><br><b>Arica</b>"
//		document.getElementById("scarves04").innerHTML = "<a href=javascript:newWindow('stefanie.html')><img border='0' src='scarfbelt/t_stefanie.gif' width='156' height='200'></a><br><b>Stefanie</b>";
		document.getElementById("scarves05").innerHTML = "<a href=javascript:newWindow('rachel.html')><img border='0' src='scarfbelt/t_rachel.gif' width='156' height='200'></a><br><b>Rachel</b>";
		document.getElementById("scarves06").innerHTML = "";
		document.getElementById("scarves07").innerHTML = "<a href=javascript:newWindow('ruby.html')><img border='0' src='scarfbelt/t_ruby.gif' width='156' height='200'></a><br><b>Ruby</b>";
		document.getElementById("scarves08").innerHTML = "";
		document.getElementById("button1").innerHTML = "<img border='0' src='../images/scarves_01_in.gif' width='140' height='47' style='cursor: pointer' onclick=furbies()>";
		document.getElementById("button2").innerHTML = "<img border='0' src='../images/scarves_02_out.gif' width='140' height='47' style='cursor: pointer' onclick=satin()>";
		document.getElementById("button3").innerHTML = "<img border='0' src='../images/scarves_03_in.gif' width='140' height='47' style='cursor: pointer' onclick=tweed()>";
		document.getElementById("button4").innerHTML = "<img border='0' src='../images/scarves_04_in.gif' width='140' height='47' style='cursor: pointer' onclick=embossed()>";
		document.getElementById("button5").innerHTML = "<img border='0' src='../images/scarves_05_in.gif' width='140' height='47' style='cursor: pointer' onclick=upholstery()>";
}


function tweed()
{
		document.getElementById("scarves00").innerHTML = "<u><b>Tweed Scarves</b></u><p>wear with a long wool coat for urban chic, or with a vest or pea coat strolling along at your country retreat<br>";
		document.getElementById("scarves01").innerHTML = "<a href=javascript:newWindow('jennifer.html')><img border='0' src='scarfbelt/t_jennifer.gif' width='156' height='200'></a><br><b>Jennifer</b>";
		document.getElementById("scarves02").innerHTML = "<a href=javascript:newWindow('catherine.html')><img border='0' src='scarfbelt/t_catherine.gif' width='156' height='200'></a><br><b>Catherine</b>";
		document.getElementById("scarves03").innerHTML = "<a href=javascript:newWindow('robyn.html')><img border='0' src='scarfbelt/t_robyn.gif' width='156' height='200'></a><br><b>Robyn</b>";		
		document.getElementById("scarves04").innerHTML = "";
		document.getElementById("scarves05").innerHTML = "";
		document.getElementById("scarves06").innerHTML = "";
		document.getElementById("scarves07").innerHTML = "";
		document.getElementById("scarves08").innerHTML = "";
		document.getElementById("button1").innerHTML = "<img border='0' src='../images/scarves_01_in.gif' width='140' height='47' style='cursor: pointer' onclick=furbies()>";
		document.getElementById("button2").innerHTML = "<img border='0' src='../images/scarves_02_in.gif' width='140' height='47' style='cursor: pointer' onclick=satin()>";
		document.getElementById("button3").innerHTML = "<img border='0' src='../images/scarves_03_out.gif' width='140' height='47' style='cursor: pointer' onclick=tweed()>";
		document.getElementById("button4").innerHTML = "<img border='0' src='../images/scarves_04_in.gif' width='140' height='47' style='cursor: pointer' onclick=embossed()>";
		document.getElementById("button5").innerHTML = "<img border='0' src='../images/scarves_05_in.gif' width='140' height='47' style='cursor: pointer' onclick=upholstery()>";

}

function embossed()
{
		document.getElementById("scarves00").innerHTML = "<u><b>Embossed Velvet Scarves</b></u><p>elegant for parties or an evening out on the town<br><a href=javascript:newWindow('esperanza.html')><img border='0' src='scarfbelt/t_esperanza.gif' width='156' height='200'></a><br><b>Esperanza</b>";
		document.getElementById("scarves01").innerHTML = "";
		document.getElementById("scarves02").innerHTML = "";
		document.getElementById("scarves03").innerHTML = "";
		document.getElementById("scarves04").innerHTML = "";
		document.getElementById("scarves05").innerHTML = "";
		document.getElementById("scarves06").innerHTML = "";
		document.getElementById("scarves07").innerHTML = "";
		document.getElementById("scarves08").innerHTML = "";
		document.getElementById("button1").innerHTML = "<img border='0' src='../images/scarves_01_in.gif' width='140' height='47' style='cursor: pointer' onclick=furbies()>";
		document.getElementById("button2").innerHTML = "<img border='0' src='../images/scarves_02_in.gif' width='140' height='47' style='cursor: pointer' onclick=satin()>";
		document.getElementById("button3").innerHTML = "<img border='0' src='../images/scarves_03_in.gif' width='140' height='47' style='cursor: pointer' onclick=tweed()>";
		document.getElementById("button4").innerHTML = "<img border='0' src='../images/scarves_04_out.gif' width='140' height='47' style='cursor: pointer' onclick=embossed()>";
		document.getElementById("button5").innerHTML = "<img border='0' src='../images/scarves_05_in.gif' width='140' height='47' style='cursor: pointer' onclick=upholstery()>";

}

function upholstery()
{
		document.getElementById("scarves00").innerHTML = "<u><b>Upholstery scarves</b></u><p>elegant for parties or an evening out on the town";
		document.getElementById("scarves01").innerHTML = "<a href=javascript:newWindow('penelope.html')><img border='0' src='scarfbelt/t_penelope.gif' width='156' height='200'></a><br><b>Penelope</b>";
		document.getElementById("scarves02").innerHTML = "<a href=javascript:newWindow('patricia.html')><img border='0' src='scarfbelt/t_patricia.gif' width='156' height='200'></a><br><b>Patricia</b>";
		document.getElementById("scarves03").innerHTML = "<a href=javascript:newWindow('alexis.html')><img border='0' src='scarfbelt/t_alexis.gif' width='156' height='200'></a><br><b>Alexis</b>";
		document.getElementById("scarves04").innerHTML = "";
		document.getElementById("button1").innerHTML = "<img border='0' src='../images/scarves_01_in.gif' width='140' height='47' style='cursor: pointer' onclick=furbies()>";
		document.getElementById("button2").innerHTML = "<img border='0' src='../images/scarves_02_in.gif' width='140' height='47' style='cursor: pointer' onclick=satin()>";
		document.getElementById("button3").innerHTML = "<img border='0' src='../images/scarves_03_in.gif' width='140' height='47' style='cursor: pointer' onclick=tweed()>";
		document.getElementById("button4").innerHTML = "<img border='0' src='../images/scarves_04_in.gif' width='140' height='47' style='cursor: pointer' onclick=embossed()>";
		document.getElementById("button5").innerHTML = "<img border='0' src='../images/scarves_05_out.gif' width='140' height='47' style='cursor: pointer' onclick=upholstery()>";
}
