	function getIdProperty(id,property) {
		var styleObject = document.getElementById( id );
		if (styleObject != null) {
			styleObject = styleObject.style;
				if (styleObject[property]) {
					return styleObject[ property ];
				}
			}
		return (styleObject != null) ?
		styleObject[property] :
		null;
	}
	function setIdProperty(id,property,value) {
		var styleObject = document.getElementById(id);
		if (styleObject != null) {
			styleObject = styleObject.style;
			styleObject[ property ] = value;
		}
	}
	function switchDisplay(id,formele) {
		thisState = getFormValue(formele);
		if (thisState == 1) {
			setIdProperty(id,"display",'block');
		} else {
			setIdProperty(id,"display",'none');
		}
	}
	function switchDisplayHard(id,formele,sta) {
		if (sta == "on") {
			document.getElementById(formele).value = "1";
			setIdProperty(id,"display",'block');
		} else {
			document.getElementById(formele).value = "0";
			setIdProperty(id,"display",'none');
		}
	}
	function getFormValue(id) {
		tempV = document.getElementById(id);
		return tempV.value;
	}

	function getCheckValue(id) {
		tempV = document.getElementById(id);
		return tempV.checked;
	}
	function getColorValue(id) {
		tempV = document.getElementById(id);
		if (tempV.value == "transparent") {
			return tempV.value;
		} else {
			return "#"+tempV.value;
		}
	}
	function switchMode(val) {
		if (val == 'simple') {
			document.location.href = "index.html";
		} else {
			document.location.href = "index_adv.html";
		}
	}
	function rwt(txt, id) {
		txt += "\n";
		document.all[id].innerHTML = txt;
	}
	vars = new Object();
	vars.which = "nothing";
	vars.num = "0";
	vars.defcolor = "";
	function showColorTable(loc,id,num,defcolor) {
		tableEl = document.getElementById(loc);
		var x = getAbsoluteX(tableEl);
		var y = getAbsoluteY(tableEl);

		var menuEl = document.getElementById("colorstable");
		menuEl.style.left = x + "px";
		menuEl.style.top = y + "px";
		vars.which = id;
		vars.num = num;
		vars.defcolor = defcolor;

		var tempval=document.getElementById("colorstable")
		tempval.style.display = "inline";
	}

	function hideColorTable() {
		setIdProperty('colorstable',"display",'none');
	}

	function colorchoose(thisColor) {
		tempV = document.getElementById(vars.which);
		colorObj = document.getElementById("cshow"+vars.num);
		if (thisColor == "transparent") {
			colorObj.style.background = thisColor;
			tempV.value = thisColor;
		} else if (thisColor == "default") {
			colorObj.style.background = vars.defcolor;
			tempV.value = vars.defcolor;
		} else if (thisColor == "nochange") {

		} else {
			colorObj.style.background = "#"+thisColor;
			tempV.value = thisColor;
		}
	}

	function getAbsoluteX (elm) {
		var x = 0;
		if (elm && typeof elm.offsetParent != "undefined") {
			while (elm && typeof elm.offsetLeft == "number") {
				x += elm.offsetLeft;
				elm = elm.offsetParent;
			}
		}
		return x;
	}

	function getAbsoluteY (elm) {
		var y = 0;
		if (elm && typeof elm.offsetParent != "undefined") {
			while (elm && typeof elm.offsetTop == "number") {
				y += elm.offsetTop;
				elm = elm.offsetParent;
			}
		}
		return y;
	}
	function ieBorderHack(id) {
		var thisVal = getFormValue(id);
		if (thisVal == "transparent") {
			return "transparent; border:0px";
		} else {
			return "#"+thisVal;
		}
	}
	function returnCheckBold(id,mod) {
		tempVal = getCheckValue(id);

		if (mod == "over2") {
			if (tempVal) {
				return "font-weight:bold; ";
			} else {
				return "font-weight:normal; ";
			}
		} else {
			if (tempVal) {
				return "font-weight:bold; ";
			} else if (mod == "over") {
				return "font-weight:normal; ";
			}
			else {
				if ((mod == "ct") && (masTextBo != "")) {
					return "font-weight:normal; ";
				} else if ((mod == "cl") && (masLinkBo != "")) {
					return "font-weight:normal; ";
				} else {
					return "";
				}
			}
		}
	}

	function returnCheckItalic(id,mod) {
		tempVal = getCheckValue(id);
		if (mod == "over2") {
			if (tempVal) {
				return "font-style:italic; ";
			} else {
				return "font-style:normal; ";
			}
		} else {
			if (tempVal) {
				return "font-style:italic; ";
			} else if (mod == "over") {
				return "font-style:normal; ";
			} else {
				if ((mod == "ct") && (masTextIt != "")) {
					return "font-style:normal; ";
				} else if ((mod == "cl") && (masLinkIt != "")) {
					return "font-style:normal; ";
				} else {
					return "";
				}
			}
		}
	}

	function returnCheckUnderline(id,mod) {
		tempVal = getCheckValue(id);
		if (mod == "over2") {
			if (tempVal) {
				return "text-decoration:underline; ";
			} else {
				return "text-decoration:none; ";
			}
		} else {
			if (tempVal) {
				return "text-decoration:underline; ";
			} else if (mod == "over") {
				return "text-decoration:none; ";
			} else {
				if ((mod == "cl") && (masLinkUl != "")) {
					return "text-decoration:none; ";
				} else {
					return "";
				}
			}
		}
	}

	function returnFontSize(id,val,mod) {
		tempVal = getFormValue(id);
		if (tempval == val) {
			return "";
		} else {
			return "font-size:"+tempVal+"; ";
		}

	}

	function returnFontColor(id,val,mod) {
		tempVal = getFormValue(id);
		if (tempval == val) {
			return "";
		} else {
			return "color:"+tempVal+"; ";
		}

	}
	function returnCursorBody() {
		for (i=0;i<document.forms['formID'].cursor_body.length;i++) {
			if (document.forms['formID'].cursor_body[i].checked) {
				tempVal = document.forms['formID'].cursor_body[i].value;
			}
		}
		return tempVal;
	}

	function returnCursorLinks() {
		for (i=0;i<document.forms['formID'].cursor_links.length;i++) {
			if (document.forms['formID'].cursor_links[i].checked) {
				tempVal = document.forms['formID'].cursor_links[i].value;
			}
		}
		return tempVal;
	}
	function autoUpdate(id,num) {
		tempField = document.getElementById(id);
		tempFieldVal = tempField.value;
		colorObj = document.getElementById("cshow"+num);
		if (tempFieldVal == "transparent") {
			colorObj.style.background = tempFieldVal;
		} else {
			colorObj.style.background = "#"+tempFieldVal;
		}
	}
	updTextSize = false;
	updTextColor = false;
	updLinkSize = false;
	updLinkColor = false;
	updLinkBg = false;
	updLinkHoverSize = false;
	updLinkHoverColor = false;
	updLinkHoverBg = false;

	updBoxMyProfile = false;
	updBoxMoreAbout = false;
	updBoxMyBlog = false;
	updBoxMyTestimonials = false;
	updBoxMyFriends = false;
	updBoxRss = false;
	updBoxNavBar = false;
	updBoxFooter = false;

	updDate = false;
	updSeeall = false;

	chMasterBg = false;

	masUserMode = "";
	masCodeComments = "on";
	masBodyFont = "";

	masTextSize = "";
	masTextSizeHack = "";
	masTextColor = "";
	masTextColorHack = "";
	masTextBo = "";
	masTextIt = "";

	masLinkSize = "";
	masLinkColor = "";
	masLinkBo = "";
	masLinkUl = "";
	masLinkIt = "";
	masLinkBg = "";

	masLinkHoverSize = "";
	masLinkHoverColor = "";
	masLinkHoverBo = "";
	masLinkHoverUl = "";
	masLinkHoverIt = "";
	masLinkHoverBg = "";

	chAllBoxTrans = false;


// FORM SUBMISSION

	function generateCode() {

		// reset vars
		updTextSize = false;
		updTextColor = false;
		updLinkSize = false;
		updLinkColor = false;
		updLinkBg = false;
		updLinkHoverSize = false;
		updLinkHoverColor = false;
		updLinkHoverBg = false;

		updBoxMyProfile = false;
		updBoxMoreAbout = false;
		updBoxMyBlog = false;
		updBoxMyTestimonials = false;
		updBoxMyFriends = false;
		updBoxRss = false;
		updBoxNavBar = false;
		updBoxFooter = false;

		updDate = false;
		updSeeall = false;

		chMasterBg = false;

		masUserMode = "";
		masCodeComments = "on";
		masBodyFont = "";

		masTextSize = "";
		masTextSizeHack = "";
		masTextColor = "";
		masTextColorHack = "";
		masTextBo = "";
		masTextIt = "";

		masLinkSize = "";
		masLinkColor = "";
		masLinkBo = "";
		masLinkUl = "";
		masLinkIt = "";
		masLinkBg = "";

		masLinkHoverSize = "";
		masLinkHoverColor = "";
		masLinkHoverBo = "";
		masLinkHoverUl = "";
		masLinkHoverIt = "";
		masLinkHoverBg = "";

		chAllBoxTrans = false;

		// get usermode
		masUserMode = getFormValue("mode");

		// get codecomments
		masCodeComments = getFormValue("codecomments");
		if (masCodeComments == "on") {
			masCodeComments = true;
		} else {
			masCodeComments = false;
		}

		// get all boxes transparent value
		if (getCheckValue("super_tabletrans")) {
			chAllBoxTrans = true;
		}

		// body font set
		temBodyFont = getFormValue("mainfont");
		if (temBodyFont == "default") {
			masBodyFont = "Arial, Sans-serif";
		} else if (temBodyFont == "sansserif") {
			masBodyFont =	"Verdana, Arial, Helvetica, sans-serif";
		} else if (temBodyFont == "serif") {
			masBodyFont = "Georgia, Times New Roman, Times, serif";
		} else if (temBodyFont == "monospace") {
			masBodyFont = "Courier New, Courier, Monaco, monospace";
		} else if (temBodyFont == "arial") {
			masBodyFont =	"Arial, Geneva, Helvetica, sans-serif";
		} else if (temBodyFont == "helvetica") {
			masBodyFont = "Helvetica, Geneva, Arial, SunSans-Regular, sans-serif";
		} else if (temBodyFont == "trebuchet") {
			masBodyFont = "Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif";
		} else {
			masBodyFont = "Arial, Sans-serif";
		}

		// reset code
		sGeneratedCode = "";

		// CHECK FOR MASTER TEXT CHANGES
		if (getFormValue("maintextsize") != "12px") {
			updTextSize = true;
		}
		if (getFormValue("maintextcolor") != "424d61") {
			updTextColor = true;
		}

		// CHECK FOR MASTER LINK CHANGES
		if (getFormValue("mainlinksize") != "same") {
			updLinkSize = true;
		}
		if (getFormValue("mainlinkcolor") != "424d61") {
			updLinkColor = true;
		}
		if ((getFormValue("bglinkcolor") != "transparent") && (getFormValue("bglink") != "0")) {
			updLinkBg = true;
		}

		// CHECK FOR MASTER LINK HOVER CHANGES
		if ((getFormValue("mainlinkhoversize") != "same") || (updLinkSize)) {
			updLinkHoverSize = true;
		}
		if ((getFormValue("mainlinkhovercolor") != "ff8a00") || (updLinkColor)) {
			updLinkHoverColor = true;
		}
		if ((getFormValue("bglinkhovercolor") != "transparent") && (getFormValue("bglinkhover") != "0")) {
			updLinkHoverBg = true;
		}

		// CHECK FOR MASTER BACKGROUND CHANGES
		if ((getFormValue("bgcolor") != "ffffff") || (getFormValue("bgimage") != "0")) {
			chMasterBg = true;
		}


		// START WRITING OUT CODE

		// MASTER: BACKGROUND IMAGE & COLOR
		if (chMasterBg) {
			if ((getFormValue("bgimage")) == "1") {
				sValue = getFormValue("bgimageurl");
				sLength = getFormValue("bgimageurl").length;
				if ((sValue == '') || (sValue == 'http://') || (sValue.indexOf(".") == -1) || (sLength < 4)) {
					// not a valid image url
					sBodyBgimage = "";
					sBodyBgtile = "";
					sBodyBgpos = "";
					sBodyBgattach = "";
				} else {
					sBodyBgimage = "background-image:url("+sValue+"); ";
					if (!getCheckValue("bgtiling")) {
						sBodyBgtile = "background-repeat:no-repeat; ";
					} else {
						sBodyBgtile = "";
					}
					if (getCheckValue("bgcenter")) {
						sBodyBgpos = "background-position:center; ";
					} else {
						sBodyBgpos = "";
					}
					sBodyBgattach = "background-attachment:"+getFormValue("bgattachment")+"; ";
				}
			} else {
				sBodyBgimage = "";
				sBodyBgtile = "";
				sBodyBgpos = "";
				sBodyBgattach = "";
			}
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* MASTER BACKGROUND */" + "\r";
			}
			sGeneratedCode = sGeneratedCode + "body { background-color:"+getColorValue("bgcolor")+"; "+sBodyBgimage+sBodyBgattach+sBodyBgpos+sBodyBgtile+"}" + "\r";
		}

		// MASTER: TEXT
		if ( (updTextSize) || (updTextColor) || (getCheckValue("maintextbold")) || (getCheckValue("maintextitalic")) || (masBodyFont != "Arial, Sans-serif")) {

			if (updTextSize) {
				masTextSize = "font-size:"+getFormValue("maintextsize")+"; ";
				masTextSizeHack = "font-size:"+getFormValue("maintextsize")+" !Important; ";
			}
			if (updTextColor) {
				masTextColor = "color:"+getColorValue("maintextcolor")+"; ";
				masTextColorHack = "color:"+getColorValue("maintextcolor")+" !Important; ";
			}
			if (getCheckValue("maintextbold")) {
				masTextBo = "font-weight: bold; ";
			}
			if (getCheckValue("maintextitalic")) {
				masTextIt = "font-style: italic; ";
			}
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* MASTER TEXT */" + "\r";
			}
			sGeneratedCode = sGeneratedCode + "body,td,tr,div,p { font-family:"+masBodyFont+"; "+masTextSize+masTextColor+masTextBo+masTextIt+"}" + "\r";
		}

		// if master text size has changed, these styles need updating too
		if (updTextSize) {
			sGeneratedCode = sGeneratedCode + ".left_column_info .q,.left_column_about .q,.left_column_testimonials_content .date,.right_column_groups_content .date,#search,#search form,#caption { "+masTextSize+masTextColor+"}" + "\r";
			sGeneratedCode = sGeneratedCode + ".blogs h2,.blog_posted { "+masTextSizeHack+masTextColorHack+"}" + "\r";
			sGeneratedCode = sGeneratedCode + "#teaserbox ol li { "+masTextSize+masTextColor+"}" + "\r";
			sGeneratedCode = sGeneratedCode + "#navigation div div,#navigation div div span { "+masTextColor+"}" + "\r";
			// only if link size hasn't changed as well
			if (!updLinkSize) {
				sGeneratedCode = sGeneratedCode + ".boxcontent,#options ul li,.photolinks,#navigation div,.buttondiv_new,.friends .name,#footer { "+masTextSize+"}" + "\r";
			}
		}

		// MASTER: LINK
		if ((updLinkSize) || (updLinkColor) || (updLinkBg) || (getCheckValue("mainlinkbold")) || (!getCheckValue("mainlinkunderline")) || (getCheckValue("mainlinkitalic"))) {
			if (updLinkSize) {
				if (getFormValue("mainlinksize") == "same") {
					masLinkSize = "font-size:"+getFormValue("maintextsize")+"; ";
				} else {
					masLinkSize = "font-size:"+getFormValue("mainlinksize")+"; ";
				}
			}
			if (updLinkColor) {
				masLinkColor = "color:"+getColorValue("mainlinkcolor")+"; ";
			}
			if (getCheckValue("mainlinkbold")) {
				masLinkBo = "font-weight: bold; ";
			} else {
				masLinkBo = "font-weight: normal; ";
			}
			if (getCheckValue("mainlinkunderline")) {
				masLinkUl = "text-decoration: underline; border-bottom:0px; ";
			} else {
				masLinkUl = "text-decoration: none; border-bottom:0px; ";
			}
			if (getCheckValue("mainlinkitalic")) {
				masLinkIt = "font-style: italic; ";
			} else {
				masLinkIt = "font-style: normal; ";
			}
			if (updLinkBg) {
				masLinkBg = "background-color:"+getColorValue("bglinkcolor")+"; ";
			}
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* MASTER LINKS */" + "\r";
			}
			sGeneratedCode = sGeneratedCode + "a,a:link,a:visited,a:active { "+masLinkSize+masLinkColor+masLinkBo+masLinkUl+masLinkIt+masLinkBg+"}" + "\r";
		}

		// MASTER: LINK HOVER (THIS UPDATES AUTOMATICALLY IF LINK HAS BEEN UPDATED)
		if ((updLinkSize) || (updLinkColor) || (updLinkBg) || (getCheckValue("mainlinkbold")) || (!getCheckValue("mainlinkunderline")) || (getCheckValue("mainlinkitalic")) || (updLinkHoverSize) || (updLinkHoverColor) || (updLinkHoverBg) || (getCheckValue("mainlinkhoverbold")) || (!getCheckValue("mainlinkhoverunderline")) | (getCheckValue("mainlinkhoveritalic"))) {
			if (updLinkHoverSize) {
				if ((getFormValue("mainlinkhoversize") == "same") && (getFormValue("mainlinksize") == "same")) {
					masLinkHoverSize = "font-size:"+getFormValue("maintextsize")+"; ";
				} else if (getFormValue("mainlinkhoversize") == "same") {
					masLinkHoverSize = "font-size:"+getFormValue("mainlinksize")+"; ";
				} else {
					masLinkHoverSize = "font-size:"+getFormValue("mainlinkhoversize")+"; ";
				}
			}
			if (updLinkHoverColor) {
				if (masUserMode == "simple") {
					masLinkHoverColor = "color:"+getColorValue("mainlinkhovercolor")+"; ";
				} else {
					masLinkHoverColor = "color:"+getColorValue("mainlinkhovercolor")+"; ";
				}
			}
			if (getCheckValue("mainlinkhoverbold")) {
				masLinkHoverBo = "font-weight: bold; ";
			} else {
				masLinkHoverBo = "font-weight: normal; ";
			}
			if (getCheckValue("mainlinkhoverunderline")) {
				masLinkHoverUl = "text-decoration: underline; border-bottom:0px; ";
			} else {
				masLinkHoverUl = "text-decoration: none; border-bottom:0px; ";
			}
			if (getCheckValue("mainlinkhoveritalic")) {
				masLinkHoverIt = "font-style: italic; ";
			} else {
				masLinkHoverIt = "font-style: normal; ";
			}
			if (updLinkHoverBg) {
				masLinkHoverBg = "background-color:"+getColorValue("bglinkhovercolor")+"; ";
			}
			sGeneratedCode = sGeneratedCode + "a:hover { "+masLinkHoverSize+masLinkHoverColor+masLinkHoverBo+masLinkHoverUl+masLinkHoverIt+masLinkHoverBg+"}" + "\r";
		}

		// if master link size has changed, these styles need updating too
		if (updLinkSize) {
			sGeneratedCode = sGeneratedCode + "#footer a { "+masLinkSize+"}" + "\r";
		}

		// if master link color has changed, these styles need updating too
		if (updLinkColor) {
			sGeneratedCode = sGeneratedCode + "#footer a,#subnav a,#options ul li a,#options ul li a:link,#options ul li a:visited,#options ul li a:active,.friends .name a,.friends .name a:visited,.buttondiv_new a:link,.buttondiv_new a,.buttondiv_new a:visited { "+masLinkColor+"}" + "\r";
		}

		// if master link hover size has changed, these styles need updating too
		if (updLinkHoverSize) {
			sGeneratedCode = sGeneratedCode + "#footer a:hover { "+masLinkHoverSize+"}" + "\r";
		}

		// if master link hover color has changed, these styles need updating too
		if (updLinkHoverColor) {
			sGeneratedCode = sGeneratedCode + "#footer a:hover,#subnav a:hover,#options ul li a:hover,.friends .name a:hover,.left_column_info a:hover,.left_column_about a:hover,.see_all_friends a:hover,.right_column_groups_content p a:hover,.blogs h2 a:hover,.blogs a:hover,.left_column_testimonials a:hover,.seeall a:hover { "+masLinkHoverColor+"}" + "\r";
		}

		// MASTER: NAME
		if ((getFormValue("box_topnamecolor") != "707070") || (!getCheckValue("box_topname_bo")) || (getCheckValue("box_topname_ul")) || (getCheckValue("box_topname_it")) || (getFormValue("box_topnamesize") != "18px") || (getFormValue("box_topnameborder") != "aeaeae") || (getFormValue("box_topnamebordersize") != "1px") || (getFormValue("box_topnameborderstyle") != "solid")) {
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* HEADING: NAME */" + "\r";
			}
			// border style
			if ((getFormValue("box_topnameborder") != "aeaeae") || (getFormValue("box_topnamebordersize") != "1px") || (getFormValue("box_topnameborderstyle") != "solid")) {
				if (getFormValue("box_topnameborder") == "transparent") {
					var sTempBorder = " border-bottom-color:transparent; border:0px;";
				} else {
					var sTempBorder = " border-bottom-color:"+getColorValue("box_topnameborder")+"; border-bottom-width:"+getFormValue("box_topnamebordersize")+"; border-bottom-style:"+getFormValue("box_topnameborderstyle")+";";
				}
			} else {
				var sTempBorder = "";
			}
			sGeneratedCode = sGeneratedCode + ".left_column_header h2 { font-size:"+getFormValue("box_topnamesize")+" !Important;"+sTempBorder+" } .left_column_header h2,.left_column_header h2 .online { color:"+getColorValue("box_topnamecolor")+"; "+returnCheckBold("box_topname_bo","over")+returnCheckItalic("box_topname_it","ct")+returnCheckUnderline("box_topname_ul","")+"}" + "\r";
		}

		// MASTER: LARGE GREEN HEADINGS
		if ((getFormValue("mainlargeheadcolor") != "ffffff") || (!getCheckValue("mainlargehead_bo")) || (getCheckValue("mainlargehead_ul")) || (getCheckValue("mainlargehead_it")) || (getFormValue("mainlargeheadsize") != "12px") || (getFormValue("mainlargeheadbgcolor") != "a5b44b")) {
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* HEADING: LARGE GREEN */" + "\r";
			}
			sGeneratedCode = sGeneratedCode + ".left_column_header2,.right_column_title,.right_column .column_header { background-color:"+getColorValue("mainlargeheadbgcolor")+"; height:20px; border:1px solid; border-color:"+ieBorderHack("mainlargeheadbgcolor")+"; }" + "\r";
			sGeneratedCode = sGeneratedCode + ".left_column_header2 h1,.right_column_title h1,.right_column .column_header h1 { font-size:"+getFormValue("mainlargeheadsize")+"; margin:3px 0px 0px 5px; color:"+getColorValue("mainlargeheadcolor")+"; "+returnCheckBold("mainlargehead_bo","over")+returnCheckItalic("mainlargehead_it","ct")+returnCheckUnderline("mainlargehead_ul","")+"}" + "\r";
			sGeneratedCode = sGeneratedCode + ".commonbox h2 { font-size:"+getFormValue("mainlargeheadsize")+" !Important; background-color:"+getColorValue("mainlargeheadbgcolor")+"; color:"+getColorValue("mainlargeheadcolor")+"; "+returnCheckBold("mainlargehead_bo","over")+returnCheckItalic("mainlargehead_it","ct")+returnCheckUnderline("mainlargehead_ul","")+"}" + "\r";
			sGeneratedCode = sGeneratedCode + "#teaserbox h2 { font-size:"+getFormValue("mainlargeheadsize")+" !Important; background-color:"+getColorValue("mainlargeheadbgcolor")+"; color:"+getColorValue("mainlargeheadcolor")+"; "+returnCheckBold("mainlargehead_bo","over")+returnCheckItalic("mainlargehead_it","ct")+returnCheckUnderline("mainlargehead_ul","")+"}" + "\r";
		}

		// MASTER: MY PROFILE BOX & BORDER
		if ((getFormValue("table_topbgcolor") != "d8d8d8") || (getFormValue("table_topbordercolor") != "aeaeae") || (getFormValue("table_topbordersize") != "1px") || (getFormValue("table_topborderstyle") != "solid")) {
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* BOX BG & BORDER: MY PROFILE */" + "\r";
			}
			// border style
			if ((getFormValue("table_topbordercolor") != "aeaeae") || (getFormValue("table_topbordersize") != "1px") || (getFormValue("table_topborderstyle") != "solid")) {
				if (getFormValue("table_topbordercolor") == "transparent") {
					var sTempBorder = " border-color:transparent; border:0px;";
				} else {
					var sTempBorder = " border-color:"+getColorValue("table_topbordercolor")+"; border-width:"+getFormValue("table_topbordersize")+"; border-style:"+getFormValue("table_topborderstyle")+";";
				}
			} else {
				var sTempBorder = "";
			}
			sGeneratedCode = sGeneratedCode + ".left_column_wrapper,.left_column_wrapper .left_column_content { background-color:"+getColorValue("table_topbgcolor")+";"+sTempBorder+" }" + "\r";
		}

		// MASTER: EDIT PROFILE BOX & BORDER
		if ((getFormValue("table_smlbgcolor") != "ffffff") || (getFormValue("table_smlbordercolor") != "aeaeae") || (getFormValue("table_smlbordersize") != "1px") || (getFormValue("table_smlborderstyle") != "solid")) {
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* BOX BG & BORDER: EDIT PROFILE */" + "\r";
			}
			// border style
			if ((getFormValue("table_smlbordercolor") != "aeaeae") || (getFormValue("table_smlbordersize") != "1px") || (getFormValue("table_smlborderstyle") != "solid")) {
				if (getFormValue("table_smlbordercolor") == "transparent") {
					var sTempBorder = " border-color:transparent; border:0px;";
				} else {
					var sTempBorder = " border-color:"+getColorValue("table_smlbordercolor")+"; border-width:"+getFormValue("table_smlbordersize")+"; border-style:"+getFormValue("table_smlborderstyle")+";";
				}
			} else {
				var sTempBorder = "";
			}
			sGeneratedCode = sGeneratedCode + ".column_profile_nav { background-color:"+getColorValue("table_smlbgcolor")+";"+sTempBorder+" }" + "\r";
		}

		// MASTER: NAV BAR BOX & NAV BAR LINKS BOX
		if (getFormValue("nav_bgcolor") != "ffffff") {
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* BOX BG & BORDER: NAV BAR */" + "\r";
			}
			sGeneratedCode = sGeneratedCode + "#navigation { background-color:"+getColorValue("nav_bgcolor")+"; background-image:none; }" + "\r";
			//sGeneratedCode = sGeneratedCode + "#Marketing_bg { background-color:"+getColorValue("nav_bgcolor")+"; background-image:none; }" + "\r";
		}
		if (getFormValue("nav_linksbgcolor") != "eb8d1c") {
			sGeneratedCode = sGeneratedCode + "#nav_bg { background-color:"+getColorValue("nav_linksbgcolor")+"; border-bottom:0px; }" + "\r";
		}
		// hack needed seeing that they're stripping code related to #marketing
		// gets rid of the ugly picture underneath the little ad bar at the top
		if (getFormValue("nav_bgcolor") == "transparent") {
			sGeneratedCode = sGeneratedCode + "#navigation div { background-color:transparent; background-image:none; }" + "\r";
		}


		// MASTER: HOW YOU'RE CONNECTED BOX & BORDER
		//if ((getFormValue("connect_bgcolor") != "ffffff") || (getFormValue("connect_bordercolor") != "aeaeae") || ((getFormValue("connectimageurl") != "http://images.friendster.com/images/mt_gradient.gif") || (getFormValue("connectimage") != "1"))) {
			//if ((getFormValue("connect_bgcolor") == "transparent") || (getFormValue("connectimage") == "0")) {
				//thisBg = "background-image:none; ";
			//} else if ((getFormValue("connectimageurl") != "http://images.friendster.com/images/mt_gradient.gif") && (getFormValue("connectimageurl") != "")) {
				//thisBg = "background-image: url("+getFormValue("connectimageurl")+"); ";
			//}
			//if ((getFormValue("connect_bgcolor") != "ffffff") && (getFormValue("connect_bordercolor") != "aeaeae")) {
			//	sGeneratedCode = sGeneratedCode + "#meettrail { background-color:"+getColorValue("connect_bgcolor")+"; border-color:"+ieBorderHack("connect_bordercolor")+"; "+thisBg+"}" + "\r";
			//} else if (getFormValue("connect_bgcolor") != "ffffff") {
			//	sGeneratedCode = sGeneratedCode + "#meettrail { background-color:"+getColorValue("foot_bgcolor")+"; "+thisBg+"}" + "\r";
			//} else if (getFormValue("connect_bordercolor") != "aeaeae") {
			//	sGeneratedCode = sGeneratedCode + "#meettrail { border-color:"+ieBorderHack("connect_bordercolor")+"; "+thisBg+"}" + "\r";
			//}
		//}

		// MASTER: ALL OTHER BOXES & BORDER
		if ((getFormValue("table_aboutbgcolor") != "ffffff") || (getFormValue("table_aboutbordercolor") != "aeaeae") || (getFormValue("table_aboutbordersize") != "1px") || (getFormValue("table_aboutborderstyle") != "solid")) {
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* BOX BG & BORDER: ALL OTHERS */" + "\r";
			}
			// border style
			if ((getFormValue("table_aboutbordercolor") != "aeaeae") || (getFormValue("table_aboutbordersize") != "1px") || (getFormValue("table_aboutborderstyle") != "solid")) {
				if (getFormValue("table_aboutbordercolor") == "transparent") {
					var sTempBorder = " border-color:transparent; border:0px;";
				} else {
					var sTempBorder = " border-color:"+getColorValue("table_aboutbordercolor")+"; border-width:"+getFormValue("table_aboutbordersize")+"; border-style:"+getFormValue("table_aboutborderstyle")+";";
				}
			} else {
				var sTempBorder = "";
			}
			sGeneratedCode = sGeneratedCode + ".left_column_content,.right_column_content,.right_column .column_content,.boxcontent { background-color:"+getColorValue("table_aboutbgcolor")+";"+sTempBorder+" } .commonbox {"+sTempBorder+" }" + "\r";
			sGeneratedCode = sGeneratedCode + "#teaserbox div { background-color:"+getColorValue("table_aboutbgcolor")+";"+sTempBorder+" }" + "\r";
		}

		// MASTER: MY PROFILE PHOTO BORDER
		if ((getFormValue("box_topphotoborder") != "ffffff") || (getFormValue("box_topphotobordersize") != "1px") || (getFormValue("box_topphotoborderstyle") != "solid")) {
			if (getFormValue("box_topphotoborder") == "transparent") {
				var sTempBorder = " border-color:transparent; border:0px;";
			} else {
				var sTempBorder = " border-color:"+getColorValue("box_topphotoborder")+"; border-width:"+getFormValue("box_topphotobordersize")+"; border-style:"+getFormValue("box_topphotoborderstyle")+";";
			}
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* MY PROFILE PHOTO BORDER */" + "\r";
			}
			sGeneratedCode = sGeneratedCode + ".left_column_profile_mainphoto img {"+sTempBorder+" }" + "\r";
		}

		// MASTER: PHOTO THUMBNAILS SIZE & BORDER
		if ((getFormValue("box_aboutthumbsize") != "small") || (getFormValue("box_aboutthumbborder") != "aeaeae") || (getFormValue("box_aboutthumbbordersize") != "1px") || (getFormValue("box_aboutthumbborderstyle") != "solid")) {
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* PHOTO THUMBNAIL SIZE & BORDER */" + "\r";
			}
			// border style
			if ((getFormValue("box_aboutthumbborder") != "aeaeae") || (getFormValue("box_aboutthumbbordersize") != "1px") || (getFormValue("box_aboutthumbborderstyle") != "solid")) {
				if (getFormValue("box_aboutthumbborder") == "transparent") {
					var sTempBorder = " border-color:transparent; border:0px;";
				} else {
					var sTempBorder = " border-color:"+getColorValue("box_aboutthumbborder")+"; border-width:"+getFormValue("box_aboutthumbbordersize")+"; border-style:"+getFormValue("box_aboutthumbborderstyle")+";";
				}
			} else {
				var sTempBorder = "";
			}
			if ((getFormValue("box_aboutthumbsize") != "small") && ((getFormValue("box_aboutthumbborder") != "aeaeae") || (getFormValue("box_aboutthumbbordersize") != "1px") || (getFormValue("box_aboutthumbborderstyle") != "solid"))) {
				sGeneratedCode = sGeneratedCode + ".left_column_profile_thumbnails .photothumb,.right_column_groups .photo,.left_column_testimonials .photo { width:100px; height:75px;"+sTempBorder+" } .left_column_profile_thumbnails .photothumb img,.right_column_groups img,.left_column_testimonials img { height:75px; } .friendsphoto {"+sTempBorder+" }" + "\r";
			} else if (getFormValue("box_aboutthumbsize") != "small") {
				sGeneratedCode = sGeneratedCode + ".left_column_profile_thumbnails .photothumb,.right_column_groups .photo,.left_column_testimonials .photo { width:100px; height:75px; } .left_column_profile_thumbnails .photothumb img,.right_column_groups img,.left_column_testimonials img { height:75px; }" + "\r";
			} else if ((getFormValue("box_aboutthumbborder") != "aeaeae") || (getFormValue("box_aboutthumbbordersize") != "1px") || (getFormValue("box_aboutthumbborderstyle") != "solid")) {
				if (sTempBorder != "") {
					sGeneratedCode = sGeneratedCode + ".left_column_profile_thumbnails .photothumb,.right_column_groups .photo,.left_column_testimonials .photo,.friendsphoto {"+sTempBorder+" }" + "\r";
				}
			}
		}

		// MISC
		if (masCodeComments) {
			sGeneratedCode = sGeneratedCode + "\r" + "/* MISC STYLES */" + "\r";
		}

		// make sure logo & invite friends does not have bg-color from links
		if ((updLinkBg) || (updLinkHoverBg)) {
			//sGeneratedCode = sGeneratedCode + "#Logo a,#Logo a:hover { background-color:transparent; }" + "\r";
			sGeneratedCode = sGeneratedCode + "#invite a,#invite a:hover { background-color:transparent; }" + "\r";
		}

		// make sure name has a transparent background
		if ((chAllBoxTrans) || (getFormValue("table_topbgcolor") != "d8d8d8")) {
			sGeneratedCode = sGeneratedCode + ".left_column_header { background-color:transparent; }" + "\r";
		}

		// make sure marketing links use default
		//if (updBoxNavBar) {
			//sGeneratedCode = sGeneratedCode + "#marketing a:link,#marketing a:visited,#marketing a:active,#marketing a:hover { font-size:"+getFormValue("nav_txtsize")+"; }" + "\r";
		//} else {
			//if ((updTextSize) || (updLinkSize) || (updTextColor) || (updLinkColor)) {
				//sGeneratedCode = sGeneratedCode + "#marketing a:link,#marketing a:visited,#marketing a:active,#marketing a:hover { font-size:"+getFormValue("maintextsize")+"; }" + "\r";
			//}
		//}



		// make meettrail box use default text values (have to lock the text size, as otherwise the box will break)
		//if ((updTextSize) || (updLinkSize) || (updTextColor) || (updLinkColor)) {
			//sGeneratedCode = sGeneratedCode + "#meettrail .bottom .message { color:"+getColorValue("maintextcolor")+"; } #meettrail .top .seeall a,#meettrail .top .seeall a:visited { color:"+getColorValue("mainlinkcolor")+"; border-bottom:0px; } #meettrail .top .seeall a:hover { color:"+getColorValue("mainlinkhovercolor")+"; border-bottom:0px; }" + "\r";
		//}

		// if standard text size goes above 12px, it breaks these box
		if ((getFormValue("maintextsize") != "9px") && (getFormValue("maintextsize") != "10px") && (getFormValue("maintextsize") != "11px") && (getFormValue("maintextsize") != "12px")) {
			sGeneratedCode = sGeneratedCode + "#search,#subnav { width:auto; }" + "\r";
			//sGeneratedCode = sGeneratedCode + "#meettrail a,#meettrail div,#meettrail div div,#meettrail div div div,#meettrail .boldtext,#meettrail .seeall,#meettrail .arrow { font-size:12px; }" + "\r";

		}

		// if master fontset has changed, meet trail needs special updating
		//if (masBodyFont != "Arial, Sans-serif") {
			//sGeneratedCode = sGeneratedCode + "#meettrail,#meettrail .top,#meettrail .top .seeall,#meettrail .bottom,#meettrail .bottom .buddies,#meettrail .bottom .message,#meettrail .bottom .inextended,#meettrail .bottom .arrow,#meettrail .bottom .them,#meettrail .bottom .me,#meettrail .nodetails,#meettrail .top .seeall a,#meettrail .top .seeall a:hover,#meettrail .top .seeall a:visited,#meettrail a,#meettrail:hover { font-family:"+masBodyFont+"; }" + "\r";
		//}

		// cursor stuff
		if ((returnCursorBody()) != "default") {
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* CURSOR: BODY */" + "\r";
			}
			sGeneratedCode = sGeneratedCode + "body { cursor:"+returnCursorBody()+"; }" + "\r";
		}
		if ((returnCursorLinks()) != "default") {
			if (masCodeComments) {
				sGeneratedCode = sGeneratedCode + "\r" + "/* CURSOR: LINKS */" + "\r";
			}
			sGeneratedCode = sGeneratedCode + "a,a:link,a:visited,a:active,a:hover { cursor:"+returnCursorLinks()+"; }" + "\r";
		}

		// add michael tag
		//sTagToAddFront = masUserMode;
		sTagToAddFront = "/* Style Editor */";
		if ((sGeneratedCode != "") && (sGeneratedCode != "#options ul li a:hover { background-color:transparent; }" + "\r")) {
			sGeneratedCode = sTagToAddFront + "\r" + sGeneratedCode;
		}

		// display code
		myTextField = document.getElementById("friendstercss");
		myPreviewField = document.getElementById("previewGenCode");
		myTextField.value = sGeneratedCode;
		myPreviewField.value = sGeneratedCode;

	}


// PREVIEW CODE

	function previewCode() {
		generateCode();
		myPreviewVal = document.getElementById("previewGenCode").value;
		myPreviewValClean = escape(myPreviewVal);
	}

// SUPER FUNCTIONS

	superTableTransValue = false;

	function superTableTrans() {
		myCheck = getCheckValue("super_tabletrans");
		if (myCheck) {
			superTableTransValue = true;
			document.getElementById("table_topbgcolor").value = "transparent";
			document.getElementById("cshow11").style.background = "transparent";
			document.getElementById("table_topbordercolor").value = "transparent";
			document.getElementById("cshow12").style.background = "transparent";
			document.getElementById("table_smlbgcolor").value = "transparent";
//			document.getElementById("cshow13").style.background = "transparent";
			document.getElementById("table_smlbordercolor").value = "transparent";
//			document.getElementById("cshow14").style.background = "transparent";
			document.getElementById("table_aboutbgcolor").value = "transparent";
			document.getElementById("cshow15").style.background = "transparent";
			document.getElementById("table_aboutbordercolor").value = "transparent";
			document.getElementById("cshow16").style.background = "transparent";
			document.getElementById("mainlargeheadbgcolor").value = "transparent";
			document.getElementById("cshow9").style.background = "transparent";
			document.getElementById("nav_bgcolor").value = "transparent";
//			document.getElementById("cshow62").style.background = "transparent";
			document.getElementById("nav_linksbgcolor").value = "transparent";
//			document.getElementById("cshow63").style.background = "transparent";
			//document.getElementById("connect_bgcolor").value = "transparent";
			//document.getElementById("cshow75").style.background = "transparent";
			//document.getElementById("connect_bordercolor").value = "transparent";
			//document.getElementById("cshow76").style.background = "transparent";
			if (masUserMode == "advanced") {
				document.getElementById("foot_bgcolor").value = "transparent";
				document.getElementById("cshow70").style.background = "transparent";
			}
		} else {
			superTableTransValue = false;
			document.getElementById("table_topbgcolor").value = "d8d8d8";
			document.getElementById("cshow11").style.background = "d8d8d8";
			document.getElementById("table_topbordercolor").value = "aeaeae";
			document.getElementById("cshow12").style.background = "aeaeae";
			document.getElementById("table_smlbgcolor").value = "ffffff";
//			document.getElementById("cshow13").style.background = "ffffff";
			document.getElementById("table_smlbordercolor").value = "aeaeae";
//			document.getElementById("cshow14").style.background = "aeaeae";
			document.getElementById("table_aboutbgcolor").value = "ffffff";
			document.getElementById("cshow15").style.background = "ffffff";
			document.getElementById("table_aboutbordercolor").value = "aeaeae";
			document.getElementById("cshow16").style.background = "aeaeae";
			document.getElementById("mainlargeheadbgcolor").value = "a5b44b";
			document.getElementById("cshow9").style.background = "a5b44b";
			document.getElementById("nav_bgcolor").value = "ffffff";
//			document.getElementById("cshow62").style.background = "ffffff";
			document.getElementById("nav_linksbgcolor").value = "eb8d1c";
//			document.getElementById("cshow63").style.background = "eb8d1c";
			//document.getElementById("connect_bgcolor").value = "ffffff";
			//document.getElementById("cshow75").style.background = "ffffff";
			//document.getElementById("connect_bordercolor").value = "aeaeae";
			//document.getElementById("cshow76").style.background = "aeaeae";
			if (masUserMode == "advanced") {
				document.getElementById("foot_bgcolor").value = "transparent";
				document.getElementById("cshow70").style.background = "transparent";
			}
		}
	}

// ANTI-SPAM
// Works: IE4+, NS6+, Opera

	function antispam(name,domain) {
    	document.location = "mailto:" + name + "@" + domain;
	}