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;
}

function hideFormExample(object, defaultText) {
	var thisInput = document.getElementById(object);
	if(thisInput.value == defaultText) { thisInput.value = ""; }
}
function showFormExample(object, defaultText) {
	var thisInput = document.getElementById(object);
	if(thisInput.value == "") { thisInput.value = defaultText; }
}

/***********************************************************
* add/update homepage footer images
***********************************************************/
function addFooterImage() {
	var atable = document.getElementById('footer_img_table');
	var image_id = document.getElementById('image_id');
	
	var image_filename = document.getElementById('image_id_filename');

	var id = document.getElementById('footer_img_id');
	var ordernum = document.getElementById('footer_img_ordernum');

	if( id.value == '' ) {
			
			//create new row
			var row_num = atable.rows.length;
			var new_row = atable.insertRow(row_num);
			//create control cell
			var cell_control = new_row.insertCell(0);
			cell_control.innerHTML = '<input type="hidden" name="footer_img[]" value="0~|~'+image_id.value+'~|~'+image_filename.value+'~|~'+row_num+'" />';
			cell_control.innerHTML += '<a href="javascript:void(null);" onclick="deleteFooterImage(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+'" />';

			resetFooterImageForm();
		
	}
	else {
		var old_row = document.getElementById('image_'+id.value);
		old_row.getElementsByTagName('td')[1].innerHTML = '<img src="'+image_filename.value+'" />';
		
		var serialized = document.getElementById('serialized_'+id.value);
		var split = serialized.value.split('~|~');
		serialized.value = split[0]+'~|~'+image_id.value+'~|~'+image_filename.value+'~|~'+ordernum.value;
		resetFooterImageForm();
	}
		
	
}

/***********************************************************
* reset homepage footer image 
***********************************************************/
function resetFooterImageForm(){

	document.getElementById('pg-image_id').src='images/spacer.gif';
	document.getElementById('footer_img_ordernum').value = '';
	document.getElementById('image_id').value = '';
	document.getElementById('image_id_filename').value = '';
	document.getElementById('footer_button').value='Add Image';
	document.getElementById('footer_img_id').value = '';
}

/***********************************************************
* edit homepage footer img
***********************************************************/
function editFooterImage(item) {
	var serialized = document.getElementById('serialized_'+item);
	var values = serialized.value.split('~|~');
	document.getElementById('footer_img_id').value = values[0];
	document.getElementById('image_id').value = values[3];
	document.getElementById('image_id_filename').value = '../files/library/'+values[4];
	document.getElementById('pg-image_id').src = '../files/library/'+values[4];
	document.getElementById('footer_img_ordernum').value = values[5];
	document.getElementById('footer_button').value='Update';
	
}

/***********************************************************
* remove homepage footer img
***********************************************************/
function deleteFooterImage(element) {
	var check = confirm('Are you sure that you want to remove this footer image?');
	if( check ) {
		var td = element.parentNode;
		var tr = td.parentNode;
		var table = document.getElementById('footer_img_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);
}


/*****
* change product tab
*****/
function changeProductTab(tab){
	var litags = document.getElementById('productTabs').getElementsByTagName('li')
	
	if( tab == 'overview' ){
		for( i=0; i<litags.length; i++){
			if(litags[i].id == 'ov_tab'){
			setClassName(litags[i],'active');
			}
			else{
				setClassName(litags[i],'inactive');
			}
		}
		document.getElementById('overview').style.display = 'block';
		document.getElementById('manuals').style.display = 'none';
		document.getElementById('features').style.display = 'none';
	}
	else if (tab == 'features' ){
		for( i=0; i<litags.length; i++){
			if(litags[i].id == 'ft_tab'){
			setClassName(litags[i],'active');
			}
			else{
				setClassName(litags[i],'inactive');
			}
		}
		document.getElementById('overview').style.display = 'none';
		document.getElementById('manuals').style.display = 'none';
		document.getElementById('features').style.display = 'block';
		
		
	}
	else if( tab == 'manuals' ){
		for( i=0; i<litags.length; i++){
			if(litags[i].id == 'mn_tab'){
			setClassName(litags[i],'active');
			}
			else{
				setClassName(litags[i],'inactive');
			}
		}
		document.getElementById('overview').style.display = 'none';
		document.getElementById('manuals').style.display = 'block';
		document.getElementById('features').style.display = 'none';
	}

}


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