function upmode(file) {
	if (file) {
		getEl("upfile").style.display="block";
		getEl("upurl").style.display="none";
	} 
	else {
		getEl("upfile").style.display="none";
		getEl("upurl").style.display="block";
	}
}

function toggleResizeOption(el){
	getEl("tores").disabled = !el.checked; 
}

function toggleInfoOption(el){		
	getEl("res").disabled = !el.checked; 		
	getEl("label").disabled = !el.checked; 		
	getEl("labelText").disabled = !el.checked || document.forms[0].addInfoType[0].checked; 								
}

function toggleInfo(f){
	getEl("labelText").disabled = f;
}

function focusfield(fl) {
	if (fl.value=="paste image url here") {
		fl.value="";
		fl.style.color = "#999999";
	}
}

function getEl(name){
	return document.getElementById(name);
}

function validateForm(){
	var ok = true;
	// validate label text
	if (getEl("addInfo").checked && getEl("label").checked){
		ok &= checkField(getEl("labelText"), /^(.+)$/);	
	}
	if (getEl("addWatermark").checked){
		ok &= checkField(getEl("wmtext"), /^(.+)$/);
		ok &= checkField(getEl("wmfont"), /^([1-9]|[1-9]\d|100)$/);
		ok &= checkField(getEl("wmtransparency"), /^([1-9]|[1-9]\d)$/);
	}
	
	if (!ok)
		alert("Please correct the highlighted entries.");
	else{
		var b = getEl("submitBtn");
		b.disabled = true;
		b.value = "Uploading...";
		document.forms[0].submit();
	}
}

function checkField(field, mask) {
	var ok = mask.test(field.value);
	field.className = "inputwb" + (!ok? " errorInput" :"");
	return ok;
}