function hilight(objectID,hintID) {
	var object = document.getElementById(objectID);
	var hintobject = document.getElementById(hintID);
	object.style.backgroundColor = '#DDDDDD';
	hintobject.style.display = 'block';
 	return;
}

function showHideDiv(selection,imageobjectID, sizeobjectID) {
	var imageobject = document.getElementById(imageobjectID);
	var sizeobject = document.getElementById(sizeobjectID);
	if (selection == 0) {
		imageobject.style.display = 'block';
		sizeobject.style.display = 'none';
	} else {
		imageobject.style.display = 'none';
		sizeobject.style.display = 'block';
	}
	return;
}

function lowlight(objectID,hintID) {
	var object = document.getElementById(objectID);
	var hintobject = document.getElementById(hintID);
	object.style.backgroundColor = '#FFFFFF';
	hintobject.style.display = 'none';
 	return;
}
function showColor() {
	var object1 = document.getElementById('cbtn1');
	var object2 = document.getElementById('cbtn2');
	var object3 = document.getElementById('cbtn3');	
	object1.style.backgroundColor = document.forms[0].primary_color.value;
	object2.style.backgroundColor = document.forms[0].secondary_color.value;	
	object3.style.backgroundColor = document.forms[0].accent_color.value;
	return;
}
function lowlightall(range) {
	for (i = 1; i < range + 1; i++) {
		objectArea = 'hr' + i;
		hintArea = document.getElementById(objectArea);				
		hintArea.style.display = 'none';
	}
	return;
}
function errlight(objectID) {
	var object = document.getElementById(objectID);
	object.style.backgroundColor = '#FF3E3E';
 	return;
}
function updateText(fieldID, newValue) {
	var field = document.getElementById(fieldID);
	field.value = newValue;
	return false;	
}
function changeButton() {
	var object = document.getElementById('btn');
	object.value = 'Uploading...';
	object.style.backgroundColor = '#CC0000';
	return false;
}
function changeImage(imageName) {
	var object = document.getElementById('logo_sample');
	object.style.backgroundImage = 'url(./_webassets/'+imageName+')';
	return;
}
function changeHeader(imageName) {
	var object = document.getElementById('sample_header');
	object.style.backgroundImage = 'url(./_webassets/'+imageName+')';
	return;
}