// DOM / GET PROPERTY

	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;
	}


// DOM / SET PROPERTY

	function setIdProperty(id,property,value) {
		var styleObject = document.getElementById(id);
		if (styleObject != null) {
			styleObject = styleObject.style;
			styleObject[ property ] = value;
		}
	}


// CHANGE DISPLAY VALUE FOR LAYERS

	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');
		}
	}


// GET FORM VALUE

	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;
		}
	}
	
// REWRITE TEXT LAYER

	function rwt(txt, id) {
		txt += "\n";
		document.all[id].innerHTML = txt;
	}
	
// COLOR TABLE STUFF

	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;
	}


// AUTO UPDATE TEXTFIELD
	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;
		}
	}	


// PREVIEW CODE

	function previewCode() {
		myPreviewVal = frames['f_codegen'].document.getElementById('friendstercss').value;
		myPreviewObj = frames['f_codegen'].document.getElementById('previewcode');
		myPreviewObj.value = myPreviewVal;
		if (myPreviewVal != "") {
			parent.f_codegen.document.previewgen.submit();
		} else {
			alert("Please generate your code before previewing it ...");
		}
	}
	
// SUPER FUNCTIONS

	superTableTransValue = false;

	function superTableTrans() {
		myCheck = getCheckValue("super_tabletrans");
		if (myCheck) {
			superTableTransValue = true;
			document.getElementById("masterboxbgcolor").value = "transparent";
			document.getElementById("cshow5").style.background = "transparent";
			document.getElementById("masterboxbordercolor").value = "transparent";
			document.getElementById("cshow6").style.background = "transparent";
			document.getElementById("altboxbgcolor").value = "transparent";
			document.getElementById("cshow53").style.background = "transparent";
			document.getElementById("box_controlpanelbgcolor").value = "transparent";
			document.getElementById("cshow35").style.background = "transparent";
			document.getElementById("box_controlpanelbordercolor").value = "transparent";
			document.getElementById("cshow36").style.background = "transparent";
			document.getElementById("box_moreaboutbgcolor").value = "transparent";
			document.getElementById("cshow9").style.background = "transparent";
			document.getElementById("box_moreaboutbordercolor").value = "transparent";
			document.getElementById("cshow10").style.background = "transparent";
			document.getElementById("box_photosbgcolor").value = "transparent";
			document.getElementById("cshow11").style.background = "transparent";
			document.getElementById("box_photosbordercolor").value = "transparent";
			document.getElementById("cshow12").style.background = "transparent";
			document.getElementById("box_friendsbgcolor").value = "transparent";
			document.getElementById("cshow13").style.background = "transparent";
			document.getElementById("box_friendsbordercolor").value = "transparent";
			document.getElementById("cshow14").style.background = "transparent";
			document.getElementById("box_videosbgcolor").value = "transparent";
			document.getElementById("cshow15").style.background = "transparent";
			document.getElementById("box_videosbordercolor").value = "transparent";
			document.getElementById("cshow16").style.background = "transparent";
			document.getElementById("box_groupsbgcolor").value = "transparent";
			document.getElementById("cshow17").style.background = "transparent";
			document.getElementById("box_groupsbordercolor").value = "transparent";
			document.getElementById("cshow18").style.background = "transparent";
			document.getElementById("box_testimonialsbgcolor").value = "transparent";
			document.getElementById("cshow19").style.background = "transparent";
			document.getElementById("box_testimonialsbordercolor").value = "transparent";
			document.getElementById("cshow20").style.background = "transparent";
			document.getElementById("box_testicommentsbgcolor").value = "transparent";
			document.getElementById("cshow21").style.background = "transparent";
			document.getElementById("box_testicommentsbordercolor").value = "transparent";
			document.getElementById("cshow22").style.background = "transparent";
			document.getElementById("box_scrapbookbgcolor").value = "transparent";
			document.getElementById("cshow23").style.background = "transparent";
			document.getElementById("box_scrapbookbordercolor").value = "transparent";
			document.getElementById("cshow24").style.background = "transparent";
			document.getElementById("box_fansofbgcolor").value = "transparent";
			document.getElementById("cshow25").style.background = "transparent";
			document.getElementById("box_fansofbordercolor").value = "transparent";
			document.getElementById("cshow26").style.background = "transparent";
			document.getElementById("box_myfansbgcolor").value = "transparent";
			document.getElementById("cshow27").style.background = "transparent";
			document.getElementById("box_myfansbordercolor").value = "transparent";
			document.getElementById("cshow28").style.background = "transparent";
			document.getElementById("box_reviewsbgcolor").value = "transparent";
			document.getElementById("cshow29").style.background = "transparent";
			document.getElementById("box_reviewsbordercolor").value = "transparent";
			document.getElementById("cshow30").style.background = "transparent";
			document.getElementById("box_blogsbgcolor").value = "transparent";
			document.getElementById("cshow31").style.background = "transparent";
			document.getElementById("box_blogsbordercolor").value = "transparent";
			document.getElementById("cshow32").style.background = "transparent";
			document.getElementById("box_blogreviewsbgcolor").value = "transparent";
			document.getElementById("cshow33").style.background = "transparent";
			document.getElementById("box_blogreviewsbordercolor").value = "transparent";
			document.getElementById("cshow34").style.background = "transparent";
		} else {
			superTableTransValue = false;
			document.getElementById("masterboxbgcolor").value = "e3e3e3";
			document.getElementById("cshow5").style.background = "e3e3e3";
			document.getElementById("masterboxbordercolor").value = "transparent";
			document.getElementById("cshow6").style.background = "transparent";
			document.getElementById("altboxbgcolor").value = "F5F5F5";
			document.getElementById("cshow53").style.background = "F5F5F5";
			document.getElementById("box_controlpanelbgcolor").value = "e3e3e3";
			document.getElementById("cshow35").style.background = "e3e3e3";
			document.getElementById("box_controlpanelbordercolor").value = "transparent";
			document.getElementById("cshow36").style.background = "transparent";
			document.getElementById("box_moreaboutbgcolor").value = "e3e3e3";
			document.getElementById("cshow9").style.background = "e3e3e3";
			document.getElementById("box_moreaboutbordercolor").value = "transparent";
			document.getElementById("cshow10").style.background = "transparent";
			document.getElementById("box_photosbgcolor").value = "e3e3e3";
			document.getElementById("cshow11").style.background = "e3e3e3";
			document.getElementById("box_photosbordercolor").value = "transparent";
			document.getElementById("cshow12").style.background = "transparent";
			document.getElementById("box_friendsbgcolor").value = "e3e3e3";
			document.getElementById("cshow13").style.background = "e3e3e3";
			document.getElementById("box_friendsbordercolor").value = "transparent";
			document.getElementById("cshow14").style.background = "transparent";
			document.getElementById("box_videosbgcolor").value = "e3e3e3";
			document.getElementById("cshow15").style.background = "e3e3e3";
			document.getElementById("box_videosbordercolor").value = "transparent";
			document.getElementById("cshow16").style.background = "transparent";
			document.getElementById("box_groupsbgcolor").value = "e3e3e3";
			document.getElementById("cshow17").style.background = "e3e3e3";
			document.getElementById("box_groupsbordercolor").value = "transparent";
			document.getElementById("cshow18").style.background = "transparent";
			document.getElementById("box_testimonialsbgcolor").value = "e3e3e3";
			document.getElementById("cshow19").style.background = "e3e3e3";
			document.getElementById("box_testimonialsbordercolor").value = "transparent";
			document.getElementById("cshow20").style.background = "transparent";
			document.getElementById("box_testicommentsbgcolor").value = "e3e3e3";
			document.getElementById("cshow21").style.background = "e3e3e3";
			document.getElementById("box_testicommentsbordercolor").value = "transparent";
			document.getElementById("cshow22").style.background = "transparent";
			document.getElementById("box_scrapbookbgcolor").value = "e3e3e3";
			document.getElementById("cshow23").style.background = "e3e3e3";
			document.getElementById("box_scrapbookbordercolor").value = "transparent";
			document.getElementById("cshow24").style.background = "transparent";
			document.getElementById("box_fansofbgcolor").value = "e3e3e3";
			document.getElementById("cshow25").style.background = "e3e3e3";
			document.getElementById("box_fansofbordercolor").value = "transparent";
			document.getElementById("cshow26").style.background = "transparent";
			document.getElementById("box_myfansbgcolor").value = "e3e3e3";
			document.getElementById("cshow27").style.background = "e3e3e3";
			document.getElementById("box_myfansbordercolor").value = "transparent";
			document.getElementById("cshow28").style.background = "transparent";
			document.getElementById("box_reviewsbgcolor").value = "e3e3e3";
			document.getElementById("cshow29").style.background = "e3e3e3";
			document.getElementById("box_reviewsbordercolor").value = "transparent";
			document.getElementById("cshow30").style.background = "transparent";
			document.getElementById("box_blogsbgcolor").value = "e3e3e3";
			document.getElementById("cshow31").style.background = "e3e3e3";
			document.getElementById("box_blogsbordercolor").value = "transparent";
			document.getElementById("cshow32").style.background = "transparent";
			document.getElementById("box_blogreviewsbgcolor").value = "e3e3e3";
			document.getElementById("cshow33").style.background = "e3e3e3";
			document.getElementById("box_blogreviewsbordercolor").value = "transparent";
			document.getElementById("cshow34").style.background = "transparent";
		}
	}