//This is the root directory for the application
var trebRootDir =  "http://testwidget.realestatebook.com/customize/"; // "http://review.toolbox9.com/nci/build/customizer/customize/";

function trebBuildHTML(width, height, headerURL, color, baseCountry, trackingCode) {

var trebHtmlString;
var showAllOptions; 	//boolean value: turns on/off optional form boxes
var hasCustonHeader; 	//boolean flag for custom headers - I DON'T THINK THIS IS USED ANYWHERE!
var headerWidth; 		//width of header image
var headerHeight; 		//height of header image
var imageDir; 			//images subfolder that contains background and header images
var fontColor; 			//font color for labels
var searchButtonTop;	//top position of search button
var searchButtonLeft;	//left position of search button
var searchButtonWidth;	//width of search button
var searchButtonHeight;	//height of search button
var countryWidth;		//width of country select box
var countryTop;			//top position of country select box
var countryLeft;		//left position of country select box
var cityTop;			//top position of city input
var cityLeft;			//left position of city input
var cityWidthUsCan;		//width of us and canada city input boxes
var cityWidthOther;		//width of other city input boxes
var stateWidth;			//width of state/province select box
var smallSelectWidth;	//width of small select boxes (price min, price max, bedrooms, baths)
var priceMinTop;		//top position of price min
var priceMinLeft;		//left position of price min
var priceMaxTop;		//top position of price max
var priceMaxLeft;		//left position of price max
var bedroomsTop;		//top position of bedrooms
var bedroomsLeft;		//left position of bedrooms
var bathroomsTop;		//top position of bathrooms
var bathroomsLeft;		//left position of bathrooms
var footerTextTop; 		//top position of footer text

//set all layout variables except width, height color, and headerURL (all given):
if (width == 300 && height==250) { //square
	showAllOptions = true;
	imageDir = "300x250";
	if (headerURL == "default") {
		headerURL = trebRootDir + "images/" + imageDir + "/" + color + "_head.png";
		headerWidth = 300;
		headerHeight = 78;
		headerTop = 0;
		headerLeft = 0;
	}
	else {
		headerWidth = 273;
		headerHeight = 46;
		headerTop = 13;
		headerLeft = 13;
	}		
	searchButtonTop = 200;
	searchButtonLeft = 28;
	searchButtonWidth = 245;
	searchButtonHeight = 27;
	countryWidth = 230;
	countryTop = 78;
	countryLeft = 28;
	cityTop = 97;
	cityLeft = 28;
	cityWidthUsCan = 163;
	cityWidthOther = 227;
	stateWidth = 60;
	smallSelectWidth = 90;
	priceMinTop = 128;
	priceMinLeft = 28;
	priceMaxTop = 128;
	priceMaxLeft = 160;
	bedroomsTop = 162;
	bedroomsLeft = 28;
	bathroomsTop = 162;
	bathroomsLeft = 160;
	footerTextTop = 235;
}
else if (width == 160 && height == 600) { //tall
	showAllOptions = true;
	imageDir = "160x600";
	if (headerURL == "default") {
		headerURL = trebRootDir + "images/" + imageDir + "/" + color + "_head.png";
		headerWidth = 160;
		headerHeight = 173;
		headerTop = 0;
		headerLeft = 0;
	}
	else {
		headerWidth = 136;
		headerHeight = 154;
		headerTop = 13;
		headerLeft = 13;
	}	
	searchButtonTop = 490;
	searchButtonLeft = 30;
	searchButtonWidth = 95;
	searchButtonHeight = 60;
	countryWidth = 130;
	countryTop = 200;
	countryLeft = 14;
	cityTop = 220;
	cityLeft = 14;
	cityWidthUsCan = 126;
	cityWidthOther = 126;
	stateWidth = 130;
	smallSelectWidth = 130;
	priceMinTop = 298;
	priceMinLeft = 14;
	priceMaxTop = 346;
	priceMaxLeft = 14;
	bedroomsTop = 394;
	bedroomsLeft = 14;
	bathroomsTop = 442;
	bathroomsLeft = 14;
	footerTextTop = 570;
}
else if (width == 728 && height == 90) { //panoramic
	showAllOptions = true;
	imageDir = "728x90";
	if (headerURL == "default") {
		headerURL = trebRootDir + "images/" + imageDir + "/" + color + "_head.png";
		headerWidth = 219;
		headerHeight = 90;
		headerTop = 0;
		headerLeft = 0;
	}
	else {
		headerWidth = 204;
		headerHeight = 71;
		headerTop = 10;
		headerLeft = 9;
	}	
	searchButtonTop = 10;
	searchButtonLeft = 618;
	searchButtonWidth = 95;
	searchButtonHeight = 60;
	countryWidth = 170;
	countryTop = 17;
	countryLeft = 232;
	cityTop = 40;
	cityLeft = 232;
	cityWidthUsCan = 118;
	cityWidthOther = 166;
	stateWidth = 40;
	smallSelectWidth = 80;
	priceMinTop = 6;
	priceMinLeft = 420;
	priceMaxTop = 6;
	priceMaxLeft = 524;
	bedroomsTop = 40;
	bedroomsLeft = 420;
	bathroomsTop = 40;
	bathroomsLeft = 524;
	footerTextTop = 75;
}
else if (width == 300 && height == 125) { //small
	showAllOptions = false;
	imageDir = "300x125";
	if (headerURL == "default") {
		headerURL = trebRootDir + "images/" + imageDir + "/" + color + "_head.png";
		headerWidth = 300;
		headerHeight = 38;
		headerTop = 0;
		headerLeft = 0;
	}
	else {
		headerWidth = 280;
		headerHeight = 26;
		headerTop = 8;
		headerLeft = 9;
	}	
	searchButtonTop = 89;
	searchButtonLeft = 28;
	searchButtonWidth = 245;
	searchButtonHeight = 27;
	countryWidth = 230;
	countryTop = 42;
	countryLeft = 28;
	cityTop = 59;
	cityLeft = 28;
	cityWidthUsCan = 163;
	cityWidthOther = 227;
	stateWidth = 60;
	
	smallSelectWidth = 80;
	priceMinTop = 10;
	priceMinLeft = 420;
	priceMaxTop = 10;
	priceMaxLeft = 524;
	bedroomsTop = 45;
	bedroomsLeft = 420;
	bathroomsTop = 45;
	bathroomsLeft = 524;
	footerTextTop = 110;
}
else {
	return "WE'RE SORRY. THERE WAS AN ERROR PROCESSING YOUR REQUEST.";
}

//if no custom header provided, substitute proper default header
if (headerURL == "default") {
	headerURL = trebRootDir + "images/" + imageDir + "/" + color + "_head.png";
	
}
else {
	
}

//set font color based on background color:
if (color == "green" || color == "olive" || color == "red") {
	fontColor = "f9e4b3";
}
else if (color == "tan") {
	fontColor = "575057";
}
else if (color == "black" || color == "blue") {
	fontColor = "e9e7e3";
}
else if (color == "brown" || color == "gray") {
	fontColor = "c4c1b8";
}
else {
	return "WE'RE SORRY. THERE WAS AN ERROR PROCESSING YOUR REQUEST.";
}

trebHtmlString = "<div id=\"treb_wrapper\" style=\"position:relative; width:" + width + "px; height:" + height + "px; margin:0; text-align:left; font:10px Arial, Helvetica, sans-serif;\">\n";
trebHtmlString += "<div style=\"position:absolute; top:0; left:0; width:" + width + "px; height:" + height + "px; background:url(" + trebRootDir + "images/" + imageDir + "/" + color + ".png) no-repeat; behavior:url(" + trebRootDir + "images/iepngfix.htc);\">&nbsp;</div> \n";
trebHtmlString += "    <div style=\"position:absolute; top:" + headerTop + "px; left:" + headerLeft + "px; width:" + headerWidth + "px; height:" + headerHeight + "px; overflow:hidden;\">\n";       
//trebHtmlString += "    	<img style=\"behavior:url(" + trebRootDir + "images/iepngfix.htc);\" src=\"" + headerURL + "\" border=\"0\" />\n";
trebHtmlString += "		<table width=\"" + headerWidth + "\" height=\"" + headerHeight + "\" cellpadding=\"0\" cellspacing=\"0\">\n";
trebHtmlString += "		<tr><td align=\"center\" valign=\"middle\">\n";
trebHtmlString += "    	<img src=\"" + headerURL + "\" border=\"0\" />\n";
trebHtmlString += "		</td></tr></table>\n";
trebHtmlString += "    </div> <!--end of custom_header-->\n";

trebHtmlString += "            <form action=\"\" onsubmit=\"return false;\" name=\"trebform\" id=\"trebform\" width=\"245\">\n";
trebHtmlString += "                <select style=\"position:absolute; top:" + countryTop + "px; left:" + countryLeft + "px; width:" + countryWidth + "px; font:11px Arial, Helvetica, sans-serif; color:#000000; padding:1px 0 1px 2px; border:1px solid #c0bdb8; background-color:#ffffff;\" name=\"search_country_select\" id=\"search_country_select\" onchange=\"trebAutoFill(this.options.selectedIndex);\">\n";
trebHtmlString += "                    <option value=\"USA\"";
if (baseCountry != 'can') {
	trebHtmlString += " SELECTED=\"selected\"";
}
trebHtmlString += ">United States</option>\n";
trebHtmlString += "                    <option value=\"CAN\"";
if (baseCountry == 'can') {
	trebHtmlString += " SELECTED=\"selected\"";
}
trebHtmlString += ">Canada</option>\n";
trebHtmlString += "                    <option value=\"BHS\">Bahamas</option>\n";
trebHtmlString += "                    <option value=\"CYM\">Cayman Islands</option>\n";
trebHtmlString += "                    <option value=\"DOM\">Dominican Republic</option>\n";
trebHtmlString += "                    <option value=\"MEX\">Mexico</option>\n";
trebHtmlString += "                    <option value=\"PAN\">Panama</option>\n";
trebHtmlString += "                    <option value=\"PRI\">Puerto Rico</option>\n";
trebHtmlString += "                    <option value=\"TCA\">Turks and Caicos Islands</option>\n";
trebHtmlString += "                    <option value=\"VIR\">U.S. Virgin Islands</option>\n";
trebHtmlString += "                </select>\n";

trebHtmlString += "                <div id=\"trebusa\" style=\"display:";
if (baseCountry == 'can') {
	trebHtmlString += "none";
}
else {
	trebHtmlString += "block";
}
trebHtmlString += "; position:absolute; top:" + cityTop + "px; left:" + cityLeft + "px;\">\n";

trebHtmlString += "                    <input style=\"width:" + cityWidthUsCan + "px; font:11px Arial, Helvetica, sans-serif; color:#000000; margin:6px 0 0 0; padding:2px 0 2px 2px; border:1px solid #c0bdb8; background-color:#ffffff;\" name=\"UScitySearch\" id=\"UScitySearch\" value=\"City\" onclick=\"this.value=''\" type=\"text\" />\n";
trebHtmlString += "                    <select name=\"stateSearch\" id=\"stateSearch\" style=\"width:" + stateWidth + "px; font:11px Arial, Helvetica, sans-serif; color:#000000; margin:6px 0 0 0;  padding:1px 0 1px 2px; border:1px solid #c0bdb8; background-color:#ffffff;\">\n";
trebHtmlString += "                        <option value=\"AL\">AL</option>\n";
trebHtmlString += "                        <option value=\"AK\">AK</option>\n";
trebHtmlString += "                        <option value=\"AZ\">AZ</option>\n";
trebHtmlString += "                       <option value=\"AR\">AR</option>\n";
trebHtmlString += "                        <option value=\"CA\">CA</option>\n";
trebHtmlString += "                        <option value=\"CO\">CO</option>\n";
trebHtmlString += "                        <option value=\"CT\">CT</option>\n";
trebHtmlString += "                        <option value=\"DE\">DE</option>\n";
trebHtmlString += "                        <option value=\"FL\">FL</option>\n";
trebHtmlString += "                        <option value=\"GA\">GA</option>\n";
trebHtmlString += "                        <option value=\"HI\">HI</option>\n";
trebHtmlString += "                        <option value=\"ID\">ID</option>\n";
trebHtmlString += "                        <option value=\"IL\">IL</option>\n";
trebHtmlString += "                        <option value=\"IN\">IN</option>\n";
trebHtmlString += "                        <option value=\"IA\">IA</option>\n";
trebHtmlString += "                       <option value=\"KS\">KS</option>\n";
trebHtmlString += "                        <option value=\"KY\">KY</option>\n";
trebHtmlString += "                        <option value=\"LA\">LA</option>\n";
trebHtmlString += "                        <option value=\"ME\">ME</option>\n";
trebHtmlString += "                        <option value=\"MD\">MD</option>\n";
trebHtmlString += "                        <option value=\"MA\">MA</option>\n";
trebHtmlString += "                        <option value=\"MI\">MI</option>\n";
trebHtmlString += "                        <option value=\"MN\">MN</option>\n";
trebHtmlString += "                        <option value=\"MS\">MS</option>\n";
trebHtmlString += "                        <option value=\"MO\">MO</option>\n";
trebHtmlString += "                        <option value=\"MT\">MT</option>\n";
trebHtmlString += "                        <option value=\"NE\">NE</option>\n";
trebHtmlString += "                        <option value=\"NV\">NV</option>\n";
trebHtmlString += "                       <option value=\"NH\">NH</option>\n";
trebHtmlString += "                        <option value=\"NJ\">NJ</option>\n";
trebHtmlString += "                        <option value=\"NM\">NM</option>\n";
trebHtmlString += "                        <option value=\"NY\">NY</option>\n";
trebHtmlString += "                        <option value=\"NC\">NC</option>\n";
trebHtmlString += "                        <option value=\"ND\">ND</option>\n";
trebHtmlString += "                        <option value=\"OH\">OH</option>\n";
trebHtmlString += "                        <option value=\"OK\">OK</option>\n";
trebHtmlString += "                        <option value=\"OR\">OR</option>\n";
trebHtmlString += "                        <option value=\"PA\">PA</option>\n";
trebHtmlString += "                        <option value=\"RI\">RI</option>\n";
trebHtmlString += "                        <option value=\"SC\">SC</option>\n";
trebHtmlString += "                        <option value=\"SD\">SD</option>\n";
trebHtmlString += "                        <option value=\"TN\">TN</option>\n";
trebHtmlString += "                        <option value=\"TX\">TX</option>\n";
trebHtmlString += "                        <option value=\"UT\">UT</option>\n";
trebHtmlString += "                        <option value=\"VT\">VT</option>\n";
trebHtmlString += "                        <option value=\"VA\">VA</option>\n";
trebHtmlString += "                        <option value=\"WA\">WA</option>\n";
trebHtmlString += "                        <option value=\"DC\">DC</option>\n";
trebHtmlString += "                        <option value=\"WV\">WV</option>\n";
trebHtmlString += "                        <option value=\"WI\">WI</option>\n";
trebHtmlString += "                        <option value=\"WY\">WY</option>\n";
trebHtmlString += "                    </SELECT>\n";
trebHtmlString += "                </div>\n";

trebHtmlString += "                <div id=\"trebcan\" style=\"display:";
if (baseCountry == 'can') {
	trebHtmlString += "block";
}
else {
	trebHtmlString += "none";
}
trebHtmlString += "; position:absolute; top:" + cityTop + "px; left:" + cityLeft + "px;\">\n";

trebHtmlString += "                    <input style=\"width:" + cityWidthUsCan + "px; font:11px Arial, Helvetica, sans-serif; color:#000000; margin:6px 0 0 0; padding:2px 0 2px 2px; border:1px solid #c0bdb8; background-color:#ffffff;\" name=\"CANcitySearch\" id=\"CANcitySearch\" value=\"City\" onclick=\"this.value=''\" type=\"text\" />\n";
trebHtmlString += "                    <select name=\"provSearch\" id=\"provSearch\" style=\"width:" + stateWidth + "px; font:11px Arial, Helvetica, sans-serif; color:#000000; margin:6px 0 0 0; padding:1px 0 1px 2px; border:1px solid #c0bdb8; background-color:#ffffff;\">\n";
trebHtmlString += "                        <option value=\"AB\">AB</option>\n";
trebHtmlString += "                        <option value=\"BC\">BC</option>\n";
trebHtmlString += "                        <option value=\"MB\">MB</option>\n";
trebHtmlString += "                        <option value=\"NB\">NB</option>\n";
trebHtmlString += "                        <option value=\"NL\">NL</option>\n";
trebHtmlString += "                        <option value=\"NS\">NS</option>\n";
trebHtmlString += "                        <option value=\"ON\">ON</option>\n";
trebHtmlString += "                        <option value=\"PE\">PE</option>\n";
trebHtmlString += "                        <option value=\"QC\">QC</option>\n";
trebHtmlString += "                    </select>\n";
trebHtmlString += "                </div>\n";

trebHtmlString += "                <div id=\"trebother\" style=\"display:none; position:absolute; top:" + cityTop + "px; left:" + cityLeft + "px;\">\n";
trebHtmlString += "                    <input style=\"width:" + cityWidthOther + "px; font:11px Arial, Helvetica, sans-serif; color:#000000; margin:6px 0 0 0; padding:2px 0 2px 2px; border:1px solid #c0bdb8; background-color:#ffffff;\" name=\"citySearch\" id=\"citySearch\" value=\"City\" onclick=\"this.value=''\" type=\"text\" />\n";
trebHtmlString += "                </div>\n";
if (showAllOptions == true) {
	trebHtmlString += "                <div style=\"position:absolute; top:" + priceMinTop + "px; left: " + priceMinLeft + "px;\">\n";
	trebHtmlString += "                    <label style=\"font:10px Arial, Helvetica, sans-serif; color:#" + fontColor +"; font-weight:bold;\" for=\"search_pricemin\">Price Min. ($)</label><br />\n";
	trebHtmlString += "                    <select style=\"width:" + smallSelectWidth + "px; font:10px Arial, Helvetica, sans-serif; color:#000000; margin:1px 0 0 0; padding:0 0 0 2px; border:1px solid #c0bdb8; background-color:#ffffff;\" id=\"search_pricemin\" name=\"search_pricemin\">\n";
	trebHtmlString += "                        <option value=\"0\">Any Price</option>\n";
	trebHtmlString += "                        <option value=\"50000\">50,000</option>\n";
	trebHtmlString += "                        <option value=\"100000\">100,000</option>\n";
	trebHtmlString += "                        <option value=\"150000\">150,000</option>\n";
	trebHtmlString += "                        <option value=\"200000\">200,000</option>\n";
	trebHtmlString += "                        <option value=\"250000\">250,000</option>\n";
	trebHtmlString += "                        <option value=\"300000\">300,000</option>\n";
	trebHtmlString += "                        <option value=\"350000\">350,000</option>\n";
	trebHtmlString += "                        <option value=\"400000\">400,000</option>\n";
	trebHtmlString += "                        <option value=\"450000\">450,000</option>\n";
	trebHtmlString += "                        <option value=\"500000\">500,000</option>\n";
	trebHtmlString += "                        <option value=\"550000\">550,000</option>\n";
	trebHtmlString += "                        <option value=\"600000\">600,000</option>\n";
	trebHtmlString += "                        <option value=\"700000\">700,000</option>\n";
	trebHtmlString += "                        <option value=\"800000\">800,000</option>\n";
	trebHtmlString += "                        <option value=\"900000\">900,000</option>\n";
	trebHtmlString += "                        <option value=\"1000000\">1 Million</option>\n";
	trebHtmlString += "                        <option value=\"3000000\">3 Million</option>\n";
	trebHtmlString += "                        <option value=\"4000000\">4 Million</option>\n";
	trebHtmlString += "                        <option value=\"5000000\">5 Million</option>\n";
	trebHtmlString += "                        <option value=\"99000000\">No Limit</option>\n";
	trebHtmlString += "                    </select>\n";
	trebHtmlString += "                </div>\n";
	
	trebHtmlString += "                <div style=\"position:absolute; top:" + priceMaxTop + "px; left: " + priceMaxLeft + "px;\">\n";
	trebHtmlString += "                    <label style=\"font:10px Arial, Helvetica, sans-serif; color:#" + fontColor +"; font-weight:bold;\" for=\"search_pricemax\">Price Max. ($)</label><br />\n";
	trebHtmlString += "                    <select style=\"width:" + smallSelectWidth + "px; font:10px Arial, Helvetica, sans-serif; color:#000000; margin:1px 0 0 0; padding:0 0 0 2px; border:1px solid #c0bdb8; background-color:#ffffff;\" id=\"search_pricemax\" name=\"search_pricemax\">\n";
	trebHtmlString += "                        <option value=\"999999999\">Any Price</option>\n";
	trebHtmlString += "                        <option value=\"50000\">50,000</option>\n";
	trebHtmlString += "                        <option value=\"100000\">100,000</option>\n";
	trebHtmlString += "                        <option value=\"150000\">150,000</option>\n";
	trebHtmlString += "                        <option value=\"200000\">200,000</option>\n";
	trebHtmlString += "                        <option value=\"250000\">250,000</option>\n";
	trebHtmlString += "                        <option value=\"300000\">300,000</option>\n";
	trebHtmlString += "                        <option value=\"350000\">350,000</option>\n";
	trebHtmlString += "                        <option value=\"400000\">400,000</option>\n";
	trebHtmlString += "                        <option value=\"450000\">450,000</option>\n";
	trebHtmlString += "                        <option value=\"500000\">500,000</option>\n";
	trebHtmlString += "                        <option value=\"550000\">550,000</option>\n";
	trebHtmlString += "                        <option value=\"600000\">600,000</option>\n";
	trebHtmlString += "                        <option value=\"700000\">700,000</option>\n";
	trebHtmlString += "                        <option value=\"800000\">800,000</option>\n";
	trebHtmlString += "                        <option value=\"900000\">900,000</option>\n";
	trebHtmlString += "                        <option value=\"1000000\">1 Million</option>\n";
	trebHtmlString += "                        <option value=\"3000000\">3 Million</option>\n";
	trebHtmlString += "                        <option value=\"4000000\">4 Million</option>\n";
	trebHtmlString += "                        <option value=\"5000000\">5 Million</option>\n";
	trebHtmlString += "                        <option value=\"99000000\">No Limit</option>\n";
	trebHtmlString += "                    </select>\n";
	trebHtmlString += "                </div>\n";
	
	trebHtmlString += "                <div style=\"position:absolute; top:" + bedroomsTop + "px; left:" + bedroomsLeft + "px;\">\n";
	trebHtmlString += "                    <label style=\"font:10px Arial, Helvetica, sans-serif; color:#" + fontColor +"; font-weight:bold;\" for=\"search_bedrooms\">Bedrooms</label><br />\n";
	trebHtmlString += "                    <select style=\"width:" + smallSelectWidth + "px; font:10px Arial, Helvetica, sans-serif; color:#000000; margin:1px 0 0 0; padding:0 0 0 2px; border:1px solid #c0bdb8; background-color:#ffffff;\" name=\"search_bedrooms\" id=\"search_bedrooms\">\n";
	trebHtmlString += "                        <option value=\"0\">Any</option>\n";
	trebHtmlString += "                        <option value=\"1\">1+</option>\n";
	trebHtmlString += "                        <option value=\"2\">2+</option>\n";
	trebHtmlString += "                        <option value=\"3\">3+</option>\n";
	trebHtmlString += "                        <option value=\"4\">4+</option>\n";
	trebHtmlString += "                        <option value=\"5\">5+</option>\n";
	trebHtmlString += "                    </select>\n";
	trebHtmlString += "                </div>\n";
	
	trebHtmlString += "                <div style=\"position:absolute; top:" + bathroomsTop + "px; left:" + bathroomsLeft + "px;\">\n";
	trebHtmlString += "                    <label style=\"font:10px Arial, Helvetica, sans-serif; color:#" + fontColor +"; font-weight:bold;\" for=\"search_bathrooms\">Bathrooms</label><br />\n";
	trebHtmlString += "                    <select style=\"width:" + smallSelectWidth + "px; font:10px Arial, Helvetica, sans-serif; color:#000000; margin:1px 0 0 0; padding:0 0 0 2px; border:1px solid #c0bdb8; background-color:#ffffff;\" name=\"search_bathrooms\" id=\"search_bathrooms\">\n";
	trebHtmlString += "                        <option value=\"0\">Any</option>\n";
	trebHtmlString += "                        <option value=\"1\">1+</option>\n";
	trebHtmlString += "                        <option value=\"2\">2+</option>\n";
	trebHtmlString += "                        <option value=\"3\">3+</option>\n";
	trebHtmlString += "                        <option value=\"4\">4+</option>\n";
	trebHtmlString += "                    </select>\n";
	trebHtmlString += "                </div>\n";
}

trebHtmlString += "            	<div style=\"position:absolute; top:" + searchButtonTop + "px; left:" + searchButtonLeft + "px;\">\n";
trebHtmlString += "                    <input style=\"width:" + searchButtonWidth + "px; height:" +searchButtonHeight + "px;\" onClick=\"trebBuildURL(this.form)\" src=\"" + trebRootDir + "images/" + imageDir + "/search_bu.jpg\" name=\"search_btn\" id=\"search_btn\" value=\"Search\" type=\"image\" />\n";
//trebHtmlString += "                    <input type=\"hidden\" id=\"EndecaId\" name=\"EndecaId\" value=\"\" />\n";
//trebHtmlString += "                    <input type=\"hidden\" name=\"sb\" value=\"\" />\n";
trebHtmlString += "                    <input type=\"hidden\" name=\"trackingCode\" value=\"" + trackingCode + "\" />\n";
trebHtmlString += "            	</div>\n";
if (height != 125) { //do not add anchor text to the small widget
	trebHtmlString += " <div style=\"width:" + width +"px;position:absolute;top:" + footerTextTop + "px;text-align:center;font:10px Arial, Helvetica, sans-serif;text-align:center;\"><a href=\"http://www.RealEstateBook.com\">Real Estate</a> Search powered by www.RealEstateBook.com</div>";
}
trebHtmlString += "            </form>\n";
trebHtmlString += "</div> <!--end of treb_wrapper-->\n";

return trebHtmlString;
}



function trebBuildCode(width, height, headerURL, color, baseCountry, trackingCode) {
	var trebHtmlString;
	trebHtmlString = "<div>\n";
	trebHtmlString += "<script type=\"text/javascript\" src=\"" + trebRootDir + "trebscript.js\"></script>\n";
	trebHtmlString += "<script type=\"text/javascript\" src=\"" + trebRootDir + "trebhtml.js\"></script>\n";
	trebHtmlString += "<script language=javascript type=\"text/javascript\">\n";
	trebHtmlString += "window.onload = function() {\n";
	trebHtmlString += "var trebText = trebBuildHTML(" + width + ", " + height + ", '" + headerURL + "', '" + color + "', '" + baseCountry + "', '" + trackingCode + "');\n";
	trebHtmlString += "document.getElementById(\"trebwidget\").innerHTML = trebText;\n";
	trebHtmlString += "document.forms['trebform'].reset();\n";
	trebHtmlString += "};\n";
	trebHtmlString += "</script>\n";
	trebHtmlString += "<div id=\"trebwidget\"> </div>\n";
	trebHtmlString += "</div>\n";
	return trebHtmlString;
}