function opsUpdate() {
		
		var c = $('ops_preview');
		var m = $F('repeat').toArray();
		var t = '';
		
			t += opsGetImagePreview(false);

		Element.update(c,t);	
	
		}

function opsGetImagePreview() {

		var tag='';
			tag = "";

tag += '&nbsp;<style type="text/css">';
tag += "\n\n { Created using FreeCodeSource.com Profile Editor! }";

///////////////// Background Properties ////////////////////////////
tag += "\n\n { Background Properties }";

	if(parent.document.generator.bbgcolor.value!="none" || parent.document.generator.bbgimg.value!="Enter Image URL" && parent.document.generator.bbgimg.value!="" || parent.document.generator.sbgcolor.value!="none") {
tag += "\n table, tr, td { background-color:transparent;}"; }

tag += "\n body {";
tag += "\n	background-color:"+parent.document.generator.bbgcolor.value+";";
tag += "\n	background-image:url('"+parent.document.generator.bbgimg.value+"');";
tag += "\n	background-attachment:"+parent.document.generator.bbgattachment.value+";";
tag += "\n	background-position:"+parent.document.generator.bbgpostion.value+";";
tag += "\n	background-repeat:"+parent.document.generator.bbgrepeat.value+";";
tag += "\n }";



///////////////// Table Properties ////////////////////////////
	if(parent.document.generator.sbgopacity.value!="99" || parent.document.generator.sbgcolor.value!="none" || parent.document.generator.sbgimg.value!="Enter Image URL" && parent.document.generator.sbgimg.value!="" || parent.document.generator.sborderwidth.value!="0" || parent.document.generator.stoplinks.value!="none" && parent.document.generator.stoplinks.value!="" || parent.document.generator.sbottomlinks.value!="none" && parent.document.generator.sbottomlinks.value!="") {
tag += "\n\n { Table Properties }";
tag += "\n .commonbox {";
tag += "\n	border-style:"+parent.document.generator.sborderstyle.value+";";
tag += "\n	border-width:"+parent.document.generator.sborderwidth.value+";";
tag += "\n	border-color:"+parent.document.generator.sbordercolor.value+";";
tag += "\n	background-color:"+parent.document.generator.sbgcolor.value+";";
tag += "\n	background-image:url('"+parent.document.generator.sbgimg.value+"');";
tag += "\n	background-repeat:"+parent.document.generator.sbgrepeat.value+";";
tag += "\n	background-attachment:"+parent.document.generator.sbgattachment.value+";";
tag += "\n	background-position:"+parent.document.generator.sbgpostion.value+";";
	if(parent.document.generator.sbgopacity.value!="99") {
tag += "\n	filter:alpha(opacity="+parent.document.generator.sbgopacity.value+"); -moz-opacity:0."+parent.document.generator.sbgopacity.value+"; opacity:0."+parent.document.generator.sbgopacity.value+"; -khtml-opacity:0."+parent.document.generator.sbgopacity.value+"; "; } }
tag += "\n }";

	if(parent.document.generator.stoplinks.value!="none" && parent.document.generator.stoplinks.value!="") {
tag += "\n .commonbox h1, .commonbox h2 {background-color:"+parent.document.generator.stoplinks.value+";}"; }

	if(parent.document.generator.sbottomlinks.value!="none" && parent.document.generator.sbottomlinks.value!="") {
tag += "\n .commonbox .evenrow {background-color:"+parent.document.generator.sbottomlinks.value+";}"; }

	if(parent.document.generator.tinyprofile.checked) {
tag += "\n table table table table {border:0px;}";
tag += "\n td.text table, td.text table td {width:"+parent.document.generator.tptablewidth.value+"px; padding:0px;}";
tag += "\n td.text table table table table, td.text table table table table td {width:0px;}";
tag += "\n table table td {width:10px;}";
tag += "\n div table table td, table table table td {width:auto;}";
tag += "\n td.text td.text table table div, td.text td.text table table a img {height:"+parent.document.generator.tpimageheight.value+"px; width:"+parent.document.generator.tpimagewidth.value+"px !important; border-width:"+parent.document.generator.tpimageborder.value+"px;}";
	}


///////////////// Text Properties ////////////////////////////
tag += "\n\n { Text Properties }";
tag += "\n .usercontent {";
	if(parent.document.generator.mtfont.value!="none") {
tag += "font-family:"+parent.document.generator.mtfont.value+" !important; "; }
	if(parent.document.generator.mtcolor.value!="none" && parent.document.generator.mtcolor.value!="") {
tag += "color:"+parent.document.generator.mtcolor.value+" !important; "; }
tag += "}";

tag += "\n .commonbox h1, .commonbox h2 {";
	if(parent.document.generator.ttfont.value!="none") {
tag += "font-family:"+parent.document.generator.ttfont.value+" !important; "; }
	if(parent.document.generator.ttcolor.value!="none" && parent.document.generator.ttcolor.value!="") {
tag += "color:"+parent.document.generator.ttcolor.value+" !important; "; }
tag += "}";

tag += "\n .data, .controlpanel .q {";
	if(parent.document.generator.stfont.value!="none") {
tag += "font-family:"+parent.document.generator.stfont.value+" !important; "; }
	if(parent.document.generator.stcolor.value!="none" && parent.document.generator.stcolor.value!="") {
tag += "color:"+parent.document.generator.stcolor.value+" !important; "; }
tag += "}";


///////////////// Link Properties ////////////////////////////
tag += "\n\n { Link Properties }";
tag += "\n .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {";
	if(parent.document.generator.nlfont.value!="none") {
tag += "font-family:"+parent.document.generator.nlfont.value+" !important; "; }
	if(parent.document.generator.nlcolor.value!="none" && parent.document.generator.nlcolor.value!="") {
tag += "color:"+parent.document.generator.nlcolor.value+" !important; "; }
	if(parent.document.generator.nlitalic.checked) {
tag += "text-decoration:overline; "; } else {
tag += "font-style:normal; "; }
	if(parent.document.generator.nlstrikethrough.checked) {
tag += "text-decoration:line-through; "; }
	if(parent.document.generator.nlunderline.checked) {
tag += "text-decoration:underline; "; }
tag += "}";

tag += "\n .usercontent a:hover {";
	if(parent.document.generator.hlfont.value!="none") {
tag += "font-family:"+parent.document.generator.hlfont.value+" !important; "; }
	if(parent.document.generator.hlcolor.value!="none" && parent.document.generator.hlcolor.value!="") {
tag += "color:"+parent.document.generator.hlcolor.value+" !important; "; }
	if(parent.document.generator.hlitalic.checked) {
tag += "text-decoration:overline; "; } else {
tag += "font-style:normal; "; }
	if(parent.document.generator.hlstrikethrough.checked) {
tag += "text-decoration:line-through; "; }
	if(parent.document.generator.hlunderline.checked) {
tag += "text-decoration:underline;"; }
tag += "}";

///////////////// Button Properties ////////////////////////////
tag += "\n\n { Button Properties }";
tag += "\n #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {";
	if(parent.document.generator.buttonscolor.value!="none") {
tag += "color:"+parent.document.generator.buttonscolor.value+";"; }
	if(parent.document.generator.buttonsbg.value!="none") {
tag += "background-color:"+parent.document.generator.buttonsbg.value+";"; }
	if(parent.document.generator.buttonsbcolor.value!="none") {
tag += "border-color:"+parent.document.generator.buttonsbcolor.value+";"; }
	if(parent.document.generator.buttonsfont.value!="none") {
tag += "font-family:"+parent.document.generator.buttonsfont.value+" !important; "; }
	if(parent.document.generator.buttonsbstyle.value!="none") {
tag += "border-style:"+parent.document.generator.buttonsbstyle.value+" !important; "; }

tag += "}";

tag += "\n #controlPanelButtons a:hover {";
	if(parent.document.generator.buttonscolorhover.value!="none") {
tag += "color:"+parent.document.generator.buttonscolorhover.value+";"; }
	if(parent.document.generator.buttonsbghover.value!="none") {
tag += "background-color:"+parent.document.generator.buttonsbghover.value+";"; }
	if(parent.document.generator.buttonsbcolorhover.value!="none") {
tag += "border-color:"+parent.document.generator.buttonsbcolorhover.value+";"; }
tag += "}";


///////////////// Misc Properties ////////////////////////////
tag += "\n\n { Misc Properties }";
	if(parent.document.generator.friendsbg.value!="none" && parent.document.generator.friendsbg.value!="") {
tag += "\n .commonbox .dr {background-color:"+parent.document.generator.friendsbg.value+";}"; }
	if(parent.document.generator.myphotocolor.value!="none" && parent.document.generator.myphotocolor.value!="") {
tag += "\n .controlpanel .imgblock200 {border-color:"+parent.document.generator.myphotocolor.value+";"; 
tag += "\n	border-style:"+parent.document.generator.myphotostyle.value+";}";
tag += "\n .commonbox .imgblock75, .ir {border-color:"+parent.document.generator.photogalcolor.value+";"; 
tag += "\n	border-style:"+parent.document.generator.photogalstyle.value+";";
tag += "\n	border-width:"+parent.document.generator.photogalwidth.value+";";
tag += "\n	background-color:"+parent.document.generator.photogalbgcolor.value+";}";
tag += "\n  #mainnav {background-color:#"+parent.document.generator.stoplinks.value+";}"; 
tag += "\n  #mainnav_left {background-color:#"+parent.document.generator.stoplinks.value+";}"; 
tag += "\n  #mainnav_right {background-color:#"+parent.document.generator.stoplinks.value+";}"; 
}
tag += "}";

tag += "\n\n </style>";


		return tag;
		}









function opsGetImageCode() {
		var tag='';
			tag = "";
tag += "\n\n { Created using FreeCodeSource.com Profile Editor! }";


///////////////// Background Properties ////////////////////////////
tag += "\n\n { Background Properties }";

	if(parent.document.generator.bbgcolor.value!="none" || parent.document.generator.bbgimg.value!="Enter Image URL" && parent.document.generator.bbgimg.value!="" || parent.document.generator.sbgcolor.value!="none") {
tag += "\n table, tr, td { background-color:transparent;}"; }

tag += "\n body {";
tag += "\n	background-color:"+parent.document.generator.bbgcolor.value+";";
tag += "\n	background-image:url('"+parent.document.generator.bbgimg.value+"');";
tag += "\n	background-attachment:"+parent.document.generator.bbgattachment.value+";";
tag += "\n	background-position:"+parent.document.generator.bbgpostion.value+";";
tag += "\n	background-repeat:"+parent.document.generator.bbgrepeat.value+";";
tag += "\n }";



///////////////// Table Properties ////////////////////////////
	if(parent.document.generator.sbgopacity.value!="99" || parent.document.generator.sbgcolor.value!="none" || parent.document.generator.sbgimg.value!="Enter Image URL" && parent.document.generator.sbgimg.value!="" || parent.document.generator.sborderwidth.value!="0" || parent.document.generator.stoplinks.value!="none" && parent.document.generator.stoplinks.value!="" || parent.document.generator.sbottomlinks.value!="none" && parent.document.generator.sbottomlinks.value!="") {
tag += "\n\n .FreeCodeSource.com { Table Properties }";
tag += "\n .commonbox {";
tag += "\n	border-style:"+parent.document.generator.sborderstyle.value+";";
tag += "\n	border-width:"+parent.document.generator.sborderwidth.value+";";
tag += "\n	border-color:"+parent.document.generator.sbordercolor.value+";";
tag += "\n	background-color:"+parent.document.generator.sbgcolor.value+";";
tag += "\n	background-image:url('"+parent.document.generator.sbgimg.value+"');";
tag += "\n	background-repeat:"+parent.document.generator.sbgrepeat.value+";";
tag += "\n	background-attachment:"+parent.document.generator.sbgattachment.value+";";
tag += "\n	background-position:"+parent.document.generator.sbgpostion.value+";";
	if(parent.document.generator.sbgopacity.value!="99") {
tag += "\n	filter:alpha(opacity="+parent.document.generator.sbgopacity.value+"); -moz-opacity:0."+parent.document.generator.sbgopacity.value+"; opacity:0."+parent.document.generator.sbgopacity.value+"; -khtml-opacity:0."+parent.document.generator.sbgopacity.value+"; "; } }
tag += "\n }";

	if(parent.document.generator.stoplinks.value!="none" && parent.document.generator.stoplinks.value!="") {
tag += "\n .commonbox h1, .commonbox h2 {background-color:"+parent.document.generator.stoplinks.value+";}"; }

	if(parent.document.generator.sbottomlinks.value!="none" && parent.document.generator.sbottomlinks.value!="") {
tag += "\n .commonbox .evenrow {background-color:"+parent.document.generator.sbottomlinks.value+";}"; }

	if(parent.document.generator.tinyprofile.checked) {
tag += "\n table table table table {border:0px;}";
tag += "\n td.text table, td.text table td {width:"+parent.document.generator.tptablewidth.value+"px; padding:0px;}";
tag += "\n td.text table table table table, td.text table table table table td {width:0px;}";
tag += "\n table table td {width:10px;}";
tag += "\n div table table td, table table table td {width:auto;}";
tag += "\n td.text td.text table table div, td.text td.text table table a img {height:"+parent.document.generator.tpimageheight.value+"px; width:"+parent.document.generator.tpimagewidth.value+"px !important; border-width:"+parent.document.generator.tpimageborder.value+"px;}";
	}



///////////////// Text Properties ////////////////////////////
tag += "\n\n { Text Properties }";
tag += "\n .usercontent {";
	if(parent.document.generator.mtfont.value!="none") {
tag += "font-family:"+parent.document.generator.mtfont.value+" !important; "; }
	if(parent.document.generator.mtcolor.value!="none" && parent.document.generator.mtcolor.value!="") {
tag += "color:"+parent.document.generator.mtcolor.value+" !important; "; }
tag += "}";

tag += "\n .commonbox h1, .commonbox h2 {";
	if(parent.document.generator.ttfont.value!="none") {
tag += "font-family:"+parent.document.generator.ttfont.value+" !important; "; }
	if(parent.document.generator.ttcolor.value!="none" && parent.document.generator.ttcolor.value!="") {
tag += "color:"+parent.document.generator.ttcolor.value+" !important; "; }
tag += "}";

tag += "\n .data, .controlpanel .q {";
	if(parent.document.generator.stfont.value!="none") {
tag += "font-family:"+parent.document.generator.stfont.value+" !important; "; }
	if(parent.document.generator.stcolor.value!="none" && parent.document.generator.stcolor.value!="") {
tag += "color:"+parent.document.generator.stcolor.value+" !important; "; }
tag += "}";


///////////////// Link Properties ////////////////////////////
tag += "\n\n { Link Properties }";
tag += "\n .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {";
	if(parent.document.generator.nlfont.value!="none") {
tag += "font-family:"+parent.document.generator.nlfont.value+" !important; "; }
	if(parent.document.generator.nlcolor.value!="none" && parent.document.generator.nlcolor.value!="") {
tag += "color:"+parent.document.generator.nlcolor.value+" !important; "; }
	if(parent.document.generator.nlitalic.checked) {
tag += "text-decoration:overline; "; } else {
tag += "font-style:normal; "; }
	if(parent.document.generator.nlstrikethrough.checked) {
tag += "text-decoration:line-through; "; }
	if(parent.document.generator.nlunderline.checked) {
tag += "text-decoration:underline; "; }
tag += "}";

tag += "\n .usercontent a:hover {";
	if(parent.document.generator.hlfont.value!="none") {
tag += "font-family:"+parent.document.generator.hlfont.value+" !important; "; }
	if(parent.document.generator.hlcolor.value!="none" && parent.document.generator.hlcolor.value!="") {
tag += "color:"+parent.document.generator.hlcolor.value+" !important; "; }
	if(parent.document.generator.hlitalic.checked) {
tag += "text-decoration:overline; "; } else {
tag += "font-style:normal; "; }
	if(parent.document.generator.hlstrikethrough.checked) {
tag += "text-decoration:line-through; "; }
	if(parent.document.generator.hlunderline.checked) {
tag += "text-decoration:underline;"; }
tag += "}";


///////////////// Button Properties ////////////////////////////
tag += "\n\n { Button Properties }";
tag += "\n #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {";
	if(parent.document.generator.buttonscolor.value!="none") {
tag += "color:"+parent.document.generator.buttonscolor.value+";"; }
	if(parent.document.generator.buttonsbg.value!="none") {
tag += "background-color:"+parent.document.generator.buttonsbg.value+";"; }
	if(parent.document.generator.buttonsbcolor.value!="none") {
tag += "border-color:"+parent.document.generator.buttonsbcolor.value+";"; }
	if(parent.document.generator.buttonsfont.value!="none") {
tag += "font-family:"+parent.document.generator.buttonsfont.value+" !important; "; }
	if(parent.document.generator.buttonsbstyle.value!="none") {
tag += "border-style:"+parent.document.generator.buttonsbstyle.value+" !important; "; }

tag += "}";

tag += "\n #controlPanelButtons a:hover {";
	if(parent.document.generator.buttonscolorhover.value!="none") {
tag += "color:"+parent.document.generator.buttonscolorhover.value+";"; }
	if(parent.document.generator.buttonsbghover.value!="none") {
tag += "background-color:"+parent.document.generator.buttonsbghover.value+";"; }
	if(parent.document.generator.buttonsbcolorhover.value!="none") {
tag += "border-color:"+parent.document.generator.buttonsbcolorhover.value+";"; }
tag += "}";


///////////////// Misc Properties ////////////////////////////
tag += "\n\n { Misc Properties }";
	if(parent.document.generator.friendsbg.value!="none" && parent.document.generator.friendsbg.value!="") {
tag += "\n .commonbox .dr {background-color:"+parent.document.generator.friendsbg.value+";}"; }
	if(parent.document.generator.myphotocolor.value!="none" && parent.document.generator.myphotocolor.value!="") {
tag += "\n .controlpanel .imgblock200 {border-color:"+parent.document.generator.myphotocolor.value+";"; 
tag += "\n	border-style:"+parent.document.generator.myphotostyle.value+";}";
tag += "\n .commonbox .imgblock75, .ir {border-color:"+parent.document.generator.photogalcolor.value+";"; 
tag += "\n	border-style:"+parent.document.generator.photogalstyle.value+";";
tag += "\n	border-width:"+parent.document.generator.photogalwidth.value+";";
tag += "\n	background-color:"+parent.document.generator.photogalbgcolor.value+";}";
}
tag += "}";





		return tag;
		}


function opsGenerate() {
		
		var code = '';
		
		code += opsGetImageCode(true);
		
		parent.document.getElementById('ops_code').value = code;
		
		}