function clearField( field_name )
{
	document.getElementById( field_name ).value = '';
	document.getElementById( field_name ).style.backgroundColor = '';
}

function highlightFields( field_str )
{
	var fields = field_str.split(',');
	
	for( var i=0; i<fields.length; i++ )
	{
		highlightField( fields[i], '#F6F5CF' ); 
	}
	
}


function highlightField( field_name, field_color )
{
	document.getElementById( field_name ).style.backgroundColor = field_color;
}


function formatCurrency(num) 
{
	num = num.toString().replace(/\$|\,/g,'');
	if(isNaN(num))
	num = "0";
	sign = (num == (num = Math.abs(num)));
	num = Math.floor(num*100+0.50000000001);
	cents = num%100;
	num = Math.floor(num/100).toString();
	if(cents<10)
	cents = "0" + cents;
	for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
	num = num.substring(0,num.length-(4*i+3))+','+
	num.substring(num.length-(4*i+3));
	return (((sign)?'':'-') +  num + '.' + cents);
}	//end function

function validate_required_fields(frmName, strTextBoxes)
{
	var oForm = document.getElementById(frmName);
	
	//turn the comma separated list into an array
	var arrBoxes = strTextBoxes.split(",");
	
	error = 0;
	
	//loop thru each box and determine if the text value is empty
	for( var intCount = 0; intCount < arrBoxes.length; intCount++ )
	{
		arrBoxes[intCount] = arrBoxes[intCount].trim_spaces();
		
		//alert( "inCount: " + intCount + " - text box: -->" + arrBoxes[intCount] + "<--" );
		
		var strText = document.getElementById(arrBoxes[intCount]).value;
		
		if( strText.length == 0 )
		{
			error++;
			
		}	//end if
		
	}	//end for loop
	
	//if any errors, then user did not enter all the required fields
	if( error > 0 )
	{
		alert( "Please enter all the required fields." );
		
		valid = false;
		
	}	//end if
	
	else
	{
		valid = true;
		
	}	//end else
	
	return valid;
	
}	//end function

function pop_templates()
{
	window.open('pop_templates.php','admin_pop','width=600,height=400,scrollbars=yes,resizable=yes');	
}

//removes all spaces in a string
function removespaces() 
{
	return this.replace(/.*\S/,'');
	
}	//end function

//trims leading and trailing spaces
function trim_spaces() 
{
	return this.replace(/^\s+/,'').replace(/\s+$/,'');
	
}	//end function

function clear_image( field_id )
{
	document.getElementById( 'pg-' + field_id ).src = 'images/spacer.gif';
	document.getElementById( field_id ).value = '';
	document.getElementById( field_id + '_filename' ).value = '';
}

function clear_link( field_id )
{
	document.getElementById( field_id ).value = '';
	document.getElementById( field_id + '_text' ).innerHTML = '';
	document.getElementById( field_id + '_text' ).style.backgroundColor = '';
}


function isNumeric(sText) {
	var ValidChars = "0123456789.";
	var IsNumber=true;
	var Char;
	for (i = 0; i < sText.length && IsNumber == true; i++) {
		Char = sText.charAt(i); 
		if (ValidChars.indexOf(Char) == -1) {
			IsNumber = false;
		}
	}
	return IsNumber;
}

/***********************************************************
* add/update item
***********************************************************/
function addImage() {
	var atable = document.getElementById('images_table');
	var image_link = document.getElementById('slide_image_link');
	var image_id = document.getElementById('slide_image_id');
	var image_filename = document.getElementById('slide_image_id_filename');
	var id = document.getElementById('item_id');
	var ordernum = document.getElementById('item_ordernum');
	var total = document.getElementById('total').value*1;

	if( id.value == '' ) {
			
			//create new row
			var row_num = atable.rows.length;
			var new_row = atable.insertRow(row_num);
			new_row.id = (total*1+1);
			
			//create control cell
			var cell_control = new_row.insertCell(0);
			cell_control.innerHTML = '<input type="hidden" name="images[]" id="serialized_'+(total*1+1)+'" value="0~|~'+image_id.value+'~|~'+image_link.value+'~|~'+(total*1+1)+'~|~'+image_filename.value+'" />';
			cell_control.innerHTML += '<a href="javascript:void(null);" onclick="deleteImage(this);"><img src="../images/icons/sc_delete_16.gif" alt="Remove" /></a>';
			//create level cell
			var cell_level = new_row.insertCell(1);
			cell_level.innerHTML = '<img src="'+image_filename.value+'" /><br />'+image_link.value;
			
			document.getElementById('total').value = (total*1+1);
			resetImageForm();
		
	}
	else {
		var old_row = document.getElementById(ordernum.value);
		old_row.getElementsByTagName('td')[1].innerHTML = '<img src="'+image_filename.value+'" /><br />'+image_link.value;
		
		var serialized = document.getElementById('serialized_'+ordernum.value);
		var split = serialized.value.split('~|~');
		serialized.value = split[0]+'~|~'+image_id.value+'~|~'+image_link.value+'~|~'+ordernum.value+'~|~'+image_filename.value;
		resetImageForm();
	}
		
	
}
/***********************************************************
* reset product form
***********************************************************/
function resetImageForm(){

	document.getElementById('slide_image_link').value = '';
	document.getElementById('slide_image_link_text').innerHTML = '';
	document.getElementById('pg-slide_image_id').src='images/spacer.gif';
	document.getElementById('item_ordernum').value = '';
	document.getElementById('slide_image_id').value = '';
	document.getElementById('slide_image_id_filename').value = '';
	document.getElementById('item_button').value='Add Image';
	document.getElementById('item_id').value = '';
}

/***********************************************************
* edit product
***********************************************************/
function editImage(image) {
	var serialized = document.getElementById('serialized_'+image);
	var values = serialized.value.split('~|~');
	document.getElementById('item_id').value = values[0];

	document.getElementById('slide_image_id').value = values[1];
	document.getElementById('slide_image_link').value = values[2];
	document.getElementById('slide_image_link_text').innerHTML = values[2];
	document.getElementById('slide_image_id_filename').value = values[4];
	document.getElementById('pg-slide_image_id').src = '../files/library/'+values[4];
	document.getElementById('item_ordernum').value = values[3];
	document.getElementById('item_button').value='Update';
	document.getElementById('slide_image_id').focus();
	
}

/***********************************************************
* remove product
***********************************************************/
function deleteImage(element) {
	var check = confirm('Are you sure that you want to remove this image?');
	if( check ) {
		var td = element.parentNode;
		var tr = td.parentNode;
		var table = document.getElementById('images_table');
		table.deleteRow(tr.rowIndex);
	}
}

/***********************************************************
* class name functions
***********************************************************/
function getClassName(element) {
	var className = (document.all && document.getElementById ? element.className : element.getAttribute("class"));
	return className;
}
function setClassName(element,style) {
	if( document.all && document.getElementById ) element.className=style;
	else element.setAttribute("class", style);
}

function giftOption(type){
	if( type=='with' ){
		setClassName(document.getElementById('without'), "one");
		setClassName(document.getElementById('with'),"active");
		document.getElementById('without_gift').style.display = "none";
		document.getElementById('with_gift').style.display = "block";
	}
	else if( type == 'without' ){
		setClassName(document.getElementById('without'),"one active");
		setClassName(document.getElementById('with'),"");
		document.getElementById('without_gift').style.display = "block";
		document.getElementById('with_gift').style.display = "none";
	}
}

//Hide or show elements on a page
//nodeIds - ID of one or more (separated by "|") elements on a page
//visTo - takes a value of 0 or 1 to set visibility as either none or block (by default)
//visType (optional) - allows override of default block visibility type for other options (e.g. inline, table-row-group, etc.)
function hide_show(nodeIds, visTo, visType)
{
	var nodeIdArr = nodeIds.split("|");
	
	for(i=0; i<nodeIdArr.length; i++) {
		var nodeId = nodeIdArr[i];
		var thisNode = document.getElementById(nodeId);
		
		// check for node's current visibility
		if(visTo == 1) {
			if(visType) {
				if( (visType == "table-row-group" || visType == "table-row") && document.all ) visType = "block";
				thisNode.style.display = visType;
			} else {
				thisNode.style.display = "block";
			}
		} else if(visTo == 0) {
			thisNode.style.display = "none";
		} else { // find node current vis and assume the opposite
			var currVis = thisNode.style.display;
			
			if(currVis) {
				if(currVis == "none")
					thisNode.style.display = ( visType ? visType : "block" );
				else
					thisNode.style.display = "none";
			} else if(thisNode.className == "no_show") {
				thisNode.style.display = ( visType ? visType : "block" );
			} else { // assume element starts as visible
				thisNode.style.display = "none";
			}
		}
	}
}

function swap_expand_icons(clicked_header) {
	var curr_class = clicked_header.className;

	if( curr_class == "expandable")
		var new_class = "contractable";
	else
		var new_class = "expandable";

	clicked_header.className = new_class;
}

//assigns a new function to string types
String.prototype.removespaces = removespaces;
String.prototype.trim_spaces = trim_spaces;