function selectNone(){

	document.getElementById("imageMapSource").value = "none";
	document.getElementById("imageMapName").value = "none";
}

function setCustom(imageName){

	document.getElementById("uploader").style.border = "3px solid #00FF00";
	document.getElementById("noImageMap").style.border = "3px solid #FFFFFF";

	document.getElementById("imageMapSource").value = "customImage";
	document.getElementById("imageMapName").value = imageName;
	document.getElementById("uploadedMapName").value = imageName;
}

function selectCustom(){
	
	if(document.getElementById("uploadedMapName").value != "none"){

		document.getElementById("uploader").style.border = "3px solid #00FF00";
		document.getElementById("noImageMap").style.border = "3px solid #FFFFFF";

		document.getElementById("imageMapSource").value = "customImage";
	}
	else {
		selectNone();
	}
}

function setCar(carName){

	document.getElementById("uploader").style.border = "3px solid #FFFFFF";
	document.getElementById(carName).style.border = "3px solid #00FF00";

	if(document.getElementById("imageMapName").value != "none" && document.getElementById("imageMapSource").value == "duovu"){
		document.getElementById("uploader").style.border = "3px solid #FFFFFF";
		var lastImageMap = document.getElementById("imageMapName").value;
		document.getElementById(lastImageMap).style.border = "3px solid #FFFFFF";
	}
}

function selectCar(carName){
	
	document.getElementById("uploader").style.border = "3px solid #FFFFFF";
	document.getElementById(carName).style.border = "3px solid #00FF00";

	if(document.getElementById("imageMapName").value != "none" && document.getElementById("imageMapSource").value == "duovu"){
		document.getElementById("uploader").style.border = "3px solid #FFFFFF";
		var lastImageMap = document.getElementById("imageMapName").value;
		document.getElementById(lastImageMap).style.border = "3px solid #FFFFFF";
	}

	document.getElementById("imageMapSource").value = "duovu";
	document.getElementById("imageMapName").value = carName;
}

function MultiPowUpload_onComplete(type, fileIndex, response){
	setCustom(response);
}

function OnSubmitForm(form) {
	if(document.pressed == 'Next') {
		//check all fields
		//alert("checking all fields");

		var tags = document.getElementById("tag");
		var title = document.getElementById("title");

		if(checkTitle(title) && checkTags(tags))
			return true;
		else
			return false;
	}
}

function checkTitle(obj){

	var field = obj;

	if(field.value.length <= 0){
		return false;
	}

	var regEx = /^[\s\w-"'\(\)\s\*\$\/%\[\]\{}\|\<\>,\?]+$/;

	if(!regEx.test(field.value)) {
		displayMessage("errorMessage", "Please enter a valid title");
		field.focus();
		field.select();
		return false;
	}
	else {
		return true;
	}
}

function checkTags(obj){

	var field = obj;

	if(field.value.length == 0){
		return true;
	}

	var regEx = /^[\s\w-"'\(\)\s\*\$\/%\[\]\{}\|\<\>,\?]+$/;

	if(!regEx.test(field.value)) {
		displayMessage("errorMessage", "Please valid tags");
		field.focus();
		field.select();
		return false;
	}
	else {
		return true;
	}
}

function checkField(obj, msg){

	var field = obj;

	if(field.value.length == 0){
		return true;
	}

	var regEx = /^[\s\w-"'\(\)\s\*\$\/%\[\]\{}\|\<\>,\?]+$/;

	if(!regEx.test(field.value)) {
		displayMessage("errorMessage", msg);
		field.focus();
		field.select();
		return false;
	}
	else {
		return true;
	}
}