// Name des aktiven Elements 
var activefield = false; 

// ### Hex-Code berechnen 
function ValidateColor(farbe) { 
	treffer_rgb = farbe.match(/rgb\(([0-9]+), ?([0-9]+), ?([0-9]+)\)/i);
	treffer_hex = farbe.match(/(?:^| ?)(#[0-9a-f]{3,6})(?:$| ?)/i);
	// rgb 
	if (treffer_rgb) { 
		for (var i = 1; i < 4; i++) { 
			treffer_rgb[i] = parseInt(treffer_rgb[i]).toString(16);
			if (treffer_rgb[i].length < 2) {
				treffer_rgb[i] = '0' + treffer_rgb[i];
			}
		}
		farbe = '#' + (treffer_rgb[1] + treffer_rgb[2] + treffer_rgb[3]);
		// hex
	} else if (treffer_hex) {
		farbe = treffer_hex[1];
	}
	return (farbe) ? farbe.toLowerCase() : '';
}



function opencolorchooser(obj,url){
	activefield = obj.id;
	window.open(url,"colorchooser","menubar=no,width=278,height=210");
	return false;
}

function setevents_colorchooser(){
	tds = document.getElementById('colors').getElementsByTagName('td');
	for (var i = 0; i < tds.length; i++) {
		tds[i].onclick = use_color;
		tds[i].onmouseover = preview_color;
	}
}

// ### Vorschau 
function preview_color() { 
	color = ValidateColor(this.style.backgroundColor);
	document.getElementById('colorprev').style.backgroundColor = color;
	document.getElementById('colorhex1').innerHTML = color;
	document.getElementById('colorhex2').innerHTML = color;
}

// ### Farbe uebernehmen 
function use_color() {
	// Setzen des Farbcodes im Eingabefeld:
	input_id = opener.activefield.substring(0,opener.activefield.length-4);

	opener.document.getElementById(input_id).value = color;

	// Setzen der Farbe der Box unter dem Eingabefeld:
	opener.document.getElementById(opener.activefield).style.backgroundColor = color;

	// Formular absenden:
	//opener.document.einstellform.submit();
	var objEinstellform = opener.document.getElementById('einstellform');
	
	if (opener.activefield=='color__color_ueberschrift_pre'  ||  opener.activefield=='color__color_ueberschrift_hintergrund_pre'){
		objEinstellform.action = opener.url_whole_page;
		objEinstellform.target = opener.target_whole_page;
	}
	else{
		objEinstellform.action = opener.url_iframe;
		objEinstellform.target = opener.target_iframe;
	}
	
	objEinstellform.submit();
	objEinstellform.action = opener.url_whole_page;
	objEinstellform.target = opener.target_whole_page;

	window.close();
}


// Farbe vom Eingabefeld übernehmen:
function set_color_from_inputfield(field){
	previewfield_str = field.name.substring(0,field.name.length)+'_pre';
	document.getElementById(previewfield_str).style.backgroundColor = field.value;
	submit_to_iframe();
	return false;
}


function submit_to_iframe(){
	var objEinstellform = document.getElementById('einstellform');
	objEinstellform.action = url_iframe;
	objEinstellform.target = target_iframe;
	objEinstellform.submit();
	objEinstellform.action = url_whole_page;
	objEinstellform.target = target_whole_page;
	return false;
}


function submit_to_html_code_iframe(){
	var objEinstellform = document.getElementById('einstellform');

	objEinstellform.action = url_html_code_iframe;
	objEinstellform.target = target_html_code_iframe;
	objEinstellform.submit();
	objEinstellform.action = url_whole_page;
	objEinstellform.target = target_whole_page;
	return false;
}


// Ganze Seite neu laden und die Style-Einzeleinstellungen ignorieren
function submit_to_whole_page_ignore_others(){
	var objEinstellform = document.getElementById('einstellform');

	objEinstellform.ignore_other_stylesettings.value = 1;
	objEinstellform.action = url_whole_page;
	objEinstellform.target = target_whole_page;
	objEinstellform.submit();
	return false;
}

// Ganze Seite neu laden und alle Felder senden
function submit_to_whole_page_all_fields(){
	var objEinstellform = document.getElementById('einstellform');

	objEinstellform.ignore_other_stylesettings.value = 0;
	objEinstellform.action = url_whole_page;
	objEinstellform.target = target_whole_page;
	objEinstellform.submit();
	return false;
}