function toggleElement(id) {
	if(document.getElementById(id).style.display == 'block') {
		document.getElementById(id).style.display = 'none';
		document.getElementById('edit_artwork_info').style.display = 'block';
		document.getElementById('comments').style.display = 'block';
	} else {
		document.getElementById(id).style.display = 'block';
		document.getElementById('edit_artwork_info').style.display = 'none';
		document.getElementById('comments').style.display = 'none';
	}
}

function toggleFindArtworkForSalePriceRange(toggle) {
	if(toggle == 0) {
		document.getElementById('find_artwork_for_sale_range_max').value='';
		document.getElementById('find_artwork_for_sale_range_min').value='';
		document.getElementById('find_artwork_for_sale_range').style.display='none';
	} else {
		document.getElementById('find_artwork_for_sale_range').style.display='block';
	}
}

function flip(id) {
	var chkbox = document.getElementById(id);
	if(chkbox.checked == true) {
		chkbox.checked = false;
	} else {
		chkbox.checked = true;
	}
}


function select_all(form, field, toggle) {
	for(var t, i=0; t=form.elements[field][i++]; t.checked=toggle);
}


function add_new_option(select_element, option_text) {
	// only process on 'Add New ...' option
	if(select_element.options[select_element.selectedIndex].value == option_text) {
		// hide drop down box
		select_element.style.display = 'none';
		// draw text input div
		document.getElementById(select_element.name + '_div').style.display = 'block';
	}
}

function save_new_option(text_element) {
	
	// get reference to the associated select box
	var select_element_name = text_element.name.replace(/_add/gi, "");
	select_element = document.getElementById(select_element_name);
	
	// get input value, trim odd charactes
	var value = text_element.value;
	if(value==null) { value=''; }
	
	if(text_element.name == 'merchandise_medium_add') {
    	value = value.replace(/[^\d\w\(\)\,\&\:\;\#\-\_\'\"\ ]/gi, "");
	} else {
		value = value.replace(/[^\d\w\-\_\ ]/gi, "");
	}
    
    // add input value to select box
	var o=new Option( value, value, false, true);
	var option_tmp = select_element.options[select_element.options.length-1];
	select_element.options[select_element.options.length-1]=o;
	select_element.options[select_element.options.length]=option_tmp;
	select_element.selectedIndex = select_element.options.length - 2;
	
	// show select box, hide text input
	document.getElementById(select_element_name).style.display = 'block';
	document.getElementById(select_element_name + '_div').style.display = 'none';
	
}

function strip_digits(el) {
	el.value = el.value.replace(/[^\d]/gi, "");
}
function strip_price(el) {
	el.value = el.value.replace(/[^\d\,\.]/gi, "");
}
function strip_email(el) {
	el.value = el.value.replace(/[^\d\w\.\@\-\_]/gi, "");
}
function strip_account_name(el) {
	el.value = el.value.replace(/^http/gi, "");
	el.value = el.value.replace(/^www/gi, "");
	el.value = el.value.replace(/(http\:\/\/|www\.|nobullart|\.com|\.net|\.org|\.edu|\.us|\.biz)/gi, "");
	el.value = el.value.replace(/[\s|\_+]/gi, "-");
	el.value = el.value.replace(/[^\d\w\-]/gi, "");
	el.value = el.value.replace(/^[^a-zA-Z]+/gi, "");
	el.value = el.value.replace(/[^a-zA-Z]+$/gi, "");
}
function strip_any_name(el) {
	el.value = el.value.replace(/[^\d\w\-\_\ ]/gi, "");
}


var color_counter = 1;
var color_picker_array = [0,0];

function add_color_picker(color) {
	for(i=0; i<color_picker_array.length; i++) { 
		if(color_picker_array[i] == 0) {
			color_picker_array[i] = 1;
			draw_color_picker(i, color);
			break;
		}
	}
}

function draw_color_picker(i, color) {
	
	var div				= document.createElement('DIV');
	div.id				= 'color_picker_div_'+i;
	
	var input			= document.createElement('INPUT');
	input.style.border	= '1px solid #000000';
	input.style.margin	= '6px 12px';
	input.style.width	= '60px';
	input.id			= 'color_picker_input_'+i;
	input.name			= 'find_artwork[color_picker][]';
	var col				= new jscolor.color(input);
	col.fromString(color);
	div.appendChild(input);
	
	var a				= document.createElement('A');
	a.href				= '#';
	a.onclick			= function() { remove_color_picker(i); return false; };
	a.style.fontWeight	= 'normal';
	a.innerHTML			= '<u>Remove</u>';
	div.appendChild(a);
	
	document.getElementById('color_picker').appendChild(div);
	
}

function remove_color_picker(i) {
	
	var el = document.getElementById('color_picker');
	var child = document.getElementById('color_picker_div_'+i);
	el.removeChild(child);
	color_picker_array[i] = 0;
}