function update_code()
{
    var ob = document.getElementById("arrow");
    var disp = document.getElementById("display_code");
	
    disp.innerHTML = gen_code(ob.value);
}

function gen_code(text)
{
	str = "";
	arrow = document.getElementById("arrow");
	dark = document.getElementById("dark");
	light = document.getElementById("light");
	shadow = document.getElementById("shadow");
	threed = document.getElementById("threed");
	face = document.getElementById("face");
	track = document.getElementById("track");

	document.body.style.scrollbarTrackColor = track.value;
	document.body.style.scrollbarFaceColor = face.value;
	document.body.style.scrollbar3dLightColor = threed.value;
	document.body.style.scrollbarHighlightColor = light.value;
	document.body.style.scrollbarDarkShadowColor = dark.value;
	document.body.style.scrollbarShadowColor = shadow.value;
	document.body.style.scrollbarArrowColor = arrow.value;
	
	str += "<textarea name='text_code' cols=40 rows=3 style='border-style:dashed' onclick='this.select()'>";
	
	str += "<style type='text/css'>body {scrollbar-track-color: #" + track.value + ";scrollbar-face-color: #" + face.value + ";scrollbar-3dlight-color: #" + threed.value + ";scrollbar-highlight-color: #" + light.value + ";scrollbar-darkshadow-color: #" + dark.value + ";scrollbar-shadow-color: #" + shadow.value + ";scrollbar-arrow-color: #" + arrow.value + ";}</style>";
	
	str += "<div style='position: absolute; left:0px; top:0px; width:100px; height:60px; z-index:9;'><a href='http://www.christianmyspacecodes.com' title='Myspace Layouts'><img src='http://www.christianmyspacecodes.com/images/myspace_layout.gif' alt='Christian Myspace Layouts' border='0' /></a></div>I edited my profile at <a href='http://www.christianmyspacecodes.com/' title='Christian Myspace Codes' target='_blank'>http://www.christianmyspacecodes.com</a><br /><a href='http://www.dittytalk.com/' title='Christian Myspace' target='_blank'>Christian Myspace</a>";
	str += "</textarea>";

    return str;
}