document.write('<!-- ***********************COPY AND PASTE THIS CODE INTO YOUR CHARITY WEB PAGE HTML SO VISITORS CAN SEE YOUR NEEDS****************--> ')

document.write('<!-- ***********************START OF SEENEEDS.ORG WINDOW WIDGET(tm)****************--> ')

document.write('<!-- Copyright (c) CyberPartners.com, Inc., All Rights Reserved   -->')


var newwidthminus40 = newwidthvar - 40;
var newheightminus40 = newheightvar - 40;

if ((window.numberoneneedvar === null) || (window.numberoneneedvar === undefined)) { var numberoneneedvar = ''; }

if ((window.newseeallneedscolorvar === null) || (window.newseeallneedscolorvar === undefined)) { var newseeallneedscolorvar = '#00cc00'; }

var dothtml = ".html";
if (numberoneneedvar === '') { var newnumberoneneedvar = ''; } else { var newnumberoneneedvar = numberoneneedvar + dothtml; }


var fontsizevar = ".8";
if (newwidthminus40 < 280) 
{ 
	fontsizevar = ".6";  
}



document.write('<!-- Create a new element bb to hold the rounded corner information -->')


document.createElement('bb');


document.write('<!-- create CSS classes to set the initial margins and colors used by the new bb element -->')
document.write('<style type="text/css"> ')

document.write('.container {background:' + newcolorvar + '; color:' + newfontcolorvar + ';  margin:0 15px;}')

document.write('.rontop, .ronbottom{display:block; background:' + newbgcolorvar + '; }')

document.write('.rontop *, .ronbottom *{display: block; height: 1px; overflow: hidden; background:' + newcolorvar + '; }')

document.write('.ron1{margin: 0 5px}')
document.write('.ron2{margin: 0 3px}')
document.write('.ron3{margin: 0 2px}')
document.write('.ron4{margin: 0 1px; height: 2px}')
 

document.write('</style> ')


document.write('<!-- create div container element to hold and form the border of the SEENEEDS(tm) WINDOW -->')

document.write('<div class="container" id="seeneedswindowborder2" style="width: '+newwidthvar+'px;margin: 0 0%;background: ' + newcolorvar + '; ">') 

document.write('<bb id="rontop" class="rontop">')
document.write('<bb id="ron1" class="ron1"></bb>')
document.write('<bb id="ron2" class="ron2"></bb>')
document.write('<bb id="ron3" class="ron3"></bb>')
document.write('<bb id="ron4" class="ron4"></bb>')
document.write('</bb> ')


document.write('<!-- *********************** CHANGE THE FOLLOWING FONT COLOR TO WORK WITH COLOR OF BORDER ****************-->')

document.write('<!-- Create a new element button2 to hold the See Needs Widget Button-->')


document.createElement('button2');

document.write('<!-- Create a new element em2 to hold the See Needs Widget Button Arrow-->')


document.createElement('em2');



document.write('<style>')
document.write('button2,') 
document.write('.button2 {')
document.write('	overflow: visible;')
document.write('	width: auto;')
document.write('	cursor: pointer;')
document.write('	border: none;')
document.write('	background-color: #482;')
document.write('	background-image: url(http://seeneeds.org/images/button.gif);')
document.write('	background-position: top;')
document.write('	background-repeat: repeat-x;')
document.write('	display: inline-block;')
document.write('	font-family: Gotham, "Helvetica Neue", Arial, Helvetica, sans-serif;')
document.write('	line-height: 1;')
document.write('	padding: 12px 16px 10px;')
document.write('	margin: 3px;')
document.write('	text-decoration: none;')
document.write('	font-weight: bold;')
document.write('	text-transform: uppercase;')
document.write('	-moz-border-radius: 3px;')
document.write('	-webkit-border-radius: 3px;')
document.write('	border-radius: 3px;')
document.write('	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);')
document.write('	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);')
document.write('	-o-box-shadow: 0 2px 4px rgba(0,0,0,0.5);')
document.write('	box-shadow: 0 2px 4px rgba(0,0,0,0.5);')
document.write('}')
document.write('button2,')
document.write('a.button2,')
document.write('a.button2:link,')
document.write('a.button2:visited,')
document.write('a.button2:hover,')
document.write('a.button2:focus,')
document.write('a.button2:active {')
document.write('	color: #fff;')
document.write('}')
document.write('a.button2:active,')
document.write('button2:active {')
document.write('	background-image: none;')
document.write('	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);')
document.write('	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);')
document.write('	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);')
document.write('	box-shadow: 0 1px 2px rgba(0,0,0,0.5);')
document.write('}')
document.write('a.button2 em2,')
document.write('button2 em2 {')
document.write('	background-image: url(http://seeneeds.org/images/button_arrow.gif);')
document.write('	background-position: right;')
document.write('	background-repeat: no-repeat;')
document.write('	padding-right: 12px;')
document.write('	font-style: normal;')
document.write('}')
document.write('a.displaying em2 {')
document.write('	background-image: url(http://seeneeds.org/images/button_arrow_down.gif);')
document.write('}')
document.write('a.button2 strong,')
document.write('button2 strong {')
document.write('	background-image: url(http://seeneeds.org/images/button_arrow_long.gif);')
document.write('	background-position: right;')
document.write('	background-repeat: no-repeat;')
document.write('	padding-right: 30px;')
document.write('	padding-top: 2px;')
document.write('}')
document.write('button2.link {')
document.write('	color: #06c;')
document.write('	text-decoration: underline;')
document.write('	background-color: transparent;')
document.write('	background-image: none;')
document.write('	padding: 0;')
document.write('	margin: 0;')
document.write('	font-family: inherit;')
document.write('	font-size: inherit;')
document.write('	text-transform: none;')
document.write('	font-weight: normal;')
document.write('	line-height: inherit;')
document.write('	-webkit-box-shadow: none;')
document.write('	-moz-box-shadow: none;')
document.write('	-o-box-shadow: none;')
document.write('	box-shadow: none;')
document.write('}')
document.write('button2.link:focus,')
document.write('button2.link:hover,')
document.write('button2.link:active {')
document.write('	color: #39f;')
document.write('}')
document.write('</style>')


document.write('<center>')


if (newnumberoneneedvar == '')
{

document.write('<a id="link1" href="http://seeneeds.org/cgi-bin/listneeds-db.pl?agencycode='+agencycodevar+'&state='+statevar+'&city='+cityvar+'" style="text-decoration:none; color:'+newfontcolorvar+';" target="_new">')
document.write('<button2 id="seeallneedsbutton" alt="See All Needs - Donate Now" title="See All Needs - Donate Now"   style="background-color: '+newseeallneedscolorvar+'; ')
document.write('padding-top:6px;')
document.write('padding-bottom:6px;')
document.write('padding-right:6px;')
document.write('padding-left:6px;')
document.write('text-transform: none;')
document.write('">')
document.write('<em2>See All Needs</em2>')
document.write('</button2>')
document.write('</a>')

}
else
{

document.write('<a id="link1" href="http://seeneeds.org/charities/' + statevar + '/' + cityvar + '/' + agencycodevar + '/' + newnumberoneneedvar + '" style="text-decoration:none; color:'+newfontcolorvar+';" target="_blank">')
document.write('<button2 id="numberoneneedbutton" alt="See Number One Need - Donate Now" title="See Number One Need - Donate Now"   style="background-color: '+newseeallneedscolorvar+';  ')
document.write('padding-top:6px;')
document.write('padding-bottom:6px;')
document.write('padding-right:6px;')
document.write('padding-left:6px;')
document.write('text-transform: none;')
document.write('">')
document.write('<em2>#1 Need</em2>')
document.write('</button2>')
document.write('</a>')

document.write('&nbsp;')

document.write('<a id="link1" href="http://seeneeds.org/cgi-bin/listneeds-db.pl?agencycode='+agencycodevar+'&state='+statevar+'&city='+cityvar+'" style="text-decoration:none; color:'+newfontcolorvar+';" target="_blank">')
document.write('<button2 id="seeallneedsbutton" alt="See All Needs - Donate Now" title="See All Needs - Donate Now"   style="background-color: '+newseeallneedscolorvar+'; ')
document.write('padding-top:6px;')
document.write('padding-bottom:6px;')
document.write('padding-right:6px;')
document.write('padding-left:6px;')
document.write('text-transform: none;')
document.write('">')
document.write('<em2>See All Needs</em2>')
document.write('</button2>')
document.write('</a>')



}



document.write('<BR clear="all">')

document.write('<!-- *********************** CREATE IFRAME WINDOW WiTH LINK TO PROGRAM TO DISPLAY CHARITY SCROLLING NEED LIST ****************--> ')
document.write('<!-- *********************** HEIGHT AND WIDTH OF IFRAME SHOULD FIT INSIDE DIV CONTAINER DEFINED ABOVE **************************--> ')

document.write('<IFRAME id="myiframe2"')
document.write('	src="http://seeneeds.org/cgi-bin/listneeds-scroll-db.pl?agencycode='+agencycodevar+'&state='+statevar+'&city='+cityvar+'&fontsize='+fontsizevar+'&showphoto='+showpicvar+'" ')
document.write('	style="')
document.write('		width:'+newwidthminus40+'px; ')
document.write('		height:'+newheightminus40+'px; ')
document.write('		border:1px;')
document.write('		border-style: solid;')
document.write('		border-color: silver; ')
document.write('		padding:5px; ')
document.write('		margin:3px;')
document.write('		background: white;')
document.write('	      " ')
document.write('	frameborder="0" scrolling="no"')
document.write('>')
document.write('</IFRAME>')
document.write('<!-- *********************** END IFRAME LINK TO CHARITY NEED LIST ****************-->')


document.write('<!-- *********************** LINK TO CHARITY NEED LIST ****************--> ')
document.write('<!-- *********************** CHANGE THIS FONT COLOR TO WORK WITH COLOR OF BORDER ABOVE ****************-->')



document.write('<!-- *********************** CHANGE THIS FONT COLOR TO WORK WITH COLOR OF BORDER ABOVE ****************-->')


document.write('<BR><font size=1 face="arial"> ')
document.write('Widget by ')
document.write('</font>')
document.write('<a id="link3" href="http://seeneeds.org" style="text-decoration:none; color:'+newfontcolorvar+';" target="_new">')
document.write('<font size=1 face="arial"> ')
document.write('SeeNeeds.org')
document.write('</font>')
document.write('</a> ')

document.write('</center>')


document.write('<bb id="ronbottom" class="ronbottom">')
document.write('<bb id="ron4b" class="ron4"></bb>')
document.write('<bb id="ron3b" class="ron3"></bb>')
document.write('<bb id="ron2b" class="ron2"></bb>')
document.write('<bb id="ron1b" class="ron1"></bb>')
document.write('</bb> ')
document.write('</div> ')

document.write('<!-- *********************** END OF SEENEEDS.ORG WINDOW WIDGET(tm) ****************--> ')