function getObject(objectId) { return document.getElementById(objectId); }
function getObjectStyle(objectId) { var obj = getObject(objectId); return obj.style;}

var page_loaded = false;

function kpe_generate() { document.profile.submit(); }

function kpe_update(property, value)
{
	if (page_loaded) {
	
		var ms_body		= getObjectStyle("mysbody");
		var ms_table1	= getObjectStyle("mystable1");
		var ms_table2	= getObjectStyle("mystable2");
		var ms_name		= getObjectStyle("mysname");
		var ms_title	= getObjectStyle("mystitle");
		var ms_text		= getObjectStyle("mystext");
		var ms_link		= getObjectStyle("myslink");
		
		switch(property)
		{
			// Body Background
			case 'backgroundColor':				ms_body.backgroundColor = value; break;
			case 'backgroundImage':				ms_body.backgroundImage = "url(" + value + ")"; break;
			case 'backgroundPosition':			ms_body.backgroundPosition = value;
			break;
			case 'backgroundRepeat':			ms_body.backgroundRepeat = value; break;
			case 'backgroundAttachment':		ms_body.backgroundAttachment = value; break;
			// Sections (tables)
			case 'sectionBackgroundColor':		ms_table1.backgroundColor = ms_table2.backgroundColor = value; break;
			case 'sectionBorderColor':			ms_table1.borderColor = ms_table2.borderColor = value; break;
			case 'sectionBorderWidth':			ms_table1.borderWidth = ms_table2.borderWidth = value + "px"; ms_table1.width = ms_table2.width = (350 - (value * 2)) + "px"; break;
			case 'sectionBorderStyle':			ms_table1.borderStyle = ms_table2.borderStyle = value; break;
			case 'sectionOpacity':				if (navigator.appName.indexOf("Netscape")!=-1 && parseInt(navigator.appVersion) >= 5) { ms_table1.MozOpacity = ms_table2.MozOpacity = value/100; } else if (navigator.appName.indexOf("Microsoft") != -1 && parseInt(navigator.appVersion)>=4) { ms_table1.filter = ms_table2.filter = "alpha(opacity=" + value + ")"; } break;
			// Name Text
			case 'nameFontFamily':				ms_name.fontFamily = value; break;
			case 'nameFontSize':				ms_name.fontSize = value + "px"; break;
			case 'nameFontColor':				ms_name.color = value; break;
			case 'nameFontWeight':				if (getObject("in_nameFontWeight").value == "normal") { ms_name.fontWeight = value; getObject("nfso1").className = "selected"; } else { value = "normal"; ms_name.fontWeight = value; getObject("nfso1").className = ""; } break;
			case 'nameFontStyle':				if (getObject("in_nameFontStyle").value == "normal") { ms_name.fontStyle = value; getObject("nfso2").className = "selected"; } else { value = "normal"; ms_name.fontStyle = value; getObject("nfso2").className = ""; } break;
			case 'nameFontDecoration':			if (getObject("in_nameFontDecoration").value == "none") { ms_name.textDecoration = value; getObject("nfso3").className = "selected"; } else { value = "none"; ms_name.textDecoration = value; getObject("nfso3").className = ""; } break;
			// Headings
			case 'headingFontFamily':			ms_title.fontFamily = value; break;
			case 'headingFontSize':				ms_title.fontSize = value + "px"; break;
			case 'headingFontColor':			ms_title.color = value; break;
			case 'headingFontWeight':			if (getObject("in_headingFontWeight").value == "normal") { ms_title.fontWeight = value; getObject("hfso1").className = "selected"; } else { value = "normal"; ms_title.fontWeight = value; getObject("hfso1").className = ""; } break;
			case 'headingFontStyle':			if (getObject("in_headingFontStyle").value == "normal") { ms_title.fontStyle = value; getObject("hfso2").className = "selected"; } else { value = "normal"; ms_title.fontStyle = value; getObject("hfso2").className = ""; } break;
			case 'headingFontDecoration':		if (getObject("in_headingFontDecoration").value == "none") { ms_title.textDecoration = value; getObject("hfso3").className = "selected"; } else { value = "none"; ms_title.textDecoration = value; getObject("hfso3").className = ""; } break;
			// Main Text
			case 'fontFamily':					ms_text.fontFamily = ms_link.fontFamily = value; break;
			case 'fontSize':					ms_text.fontSize = ms_link.fontSize = value + "px"; break;
			case 'fontColor':					ms_text.color = value; break;
			case 'fontWeight':					if (getObject("in_fontWeight").value == "normal") { ms_text.fontWeight = value; getObject("fso1").className = "selected"; } else { value = "normal"; ms_text.fontWeight = value; getObject("fso1").className = ""; } break;
			case 'fontStyle':					if (getObject("in_fontStyle").value == "normal") { ms_text.fontStyle = value; getObject("fso2").className = "selected"; } else { value = "normal"; ms_text.fontStyle = value; getObject("fso2").className = ""; } break;
			case 'fontDecoration':				if (getObject("in_fontDecoration").value == "none") { ms_text.textDecoration = value; getObject("fso3").className = "selected"; } else { value = "none"; ms_text.textDecoration = value; getObject("fso3").className = ""; } break;
			// Links
			case 'linkFontColor':				ms_link.color = value; break;
			case 'linkFontWeight':				if (getObject("in_linkFontWeight").value == "normal") { ms_link.fontWeight = value; getObject("lso1").className = "selected"; } else { value = "normal"; ms_link.fontWeight = value; getObject("lso1").className = ""; } break;
			case 'linkFontStyle':				if (getObject("in_linkFontStyle").value == "normal") { ms_link.fontStyle = value; getObject("lso2").className = "selected"; } else { value = "normal"; ms_link.fontStyle = value; getObject("lso2").className = ""; } break;
			case 'linkFontDecoration':			if (getObject("in_linkFontDecoration").value == "none") { ms_link.textDecoration = value; getObject("lso3").className = "selected"; } else { value = "none"; ms_link.textDecoration = value; getObject("lso3").className = ""; } break;
			// Links (hover)
			case 'linkHoverFontColor':			/* */ break;
			case 'linkHoverFontWeight':			if (getObject("in_linkHoverFontWeight").value == "normal") { getObject("lhso1").className = "selected"; } else { value = "normal"; getObject("lhso1").className = ""; } break;
			case 'linkHoverFontStyle':			if (getObject("in_linkHoverFontStyle").value == "normal") { getObject("lhso2").className = "selected"; } else { value = "normal"; getObject("lhso2").className = ""; } break;
			case 'linkHoverFontDecoration':		if (getObject("in_linkHoverFontDecoration").value == "none") { getObject("lhso3").className = "selected"; } else { value = "none"; getObject("lhso3").className = ""; } break;
		}
		getObject("in_" + property).value = value;
	}
}

function kpe_link(status)
{
	var status = (status != "") ? "Hover" : "";
	
	var ms_link = getObjectStyle("myslink");
	
	ms_link.color			= getObject("in_link" + status + "FontColor").value;
	ms_link.fontWeight		= getObject("in_link" + status + "FontWeight").value;
	ms_link.fontStyle		= getObject("in_link" + status + "FontStyle").value;
	ms_link.textDecoration	= getObject("in_link" + status + "FontDecoration").value;
}

function kpe_align_bg(id)
{
	var options = new Array("", "left top", "center top", "right top", "left center", "center center", "right center", "left bottom", "center bottom", "right bottom");
	var selected = parseFloat(id.substring(4));
	var selected_value = options[selected];
	
	for(i=1; i < options.length; i++) getObject("bgao" + i).className = null;
	
	getObject(id).className = "selected";
	
	kpe_update('backgroundPosition', selected_value);
}

function kpe_transparent_section()
{
	var color = getObject("in_sectionBackgroundColor");
	var picker = getObject("s_sbgc-wrapper");
	
	if(color.value == "transparent")
	{
		var rgb = c_sbgc.getRgb();
		kpe_update("sectionBackgroundColor", "rgb(" + rgb.r + ", " + rgb.g + ", " + rgb.b + ")");
		picker.style.display = "block";
	}
	else
	{
		kpe_update("sectionBackgroundColor", "transparent");
		picker.style.display = "none";
	}
}