/*
if you need to display the path to user, you need to write some JavaScript like these.
*/



function getEl(el){
	if( typeof(el) === 'string') el = document.getElementById(el);
	return el;
}

//simple addEvent, buggy but works 
function addEvent(el,type,fn){
	el = getEl(el);
	var sOn = el.attachEvent ? 'on' : '';
	var wfn =  function(e){
		fn.call(el,e || window.event);
	};

	if(sOn){
	   el.attachEvent( sOn + type , wfn  );
	}else if(el.addEventListener){
	   el.addEventListener(type , wfn , false);
	};
}

//you need to sync the value when user select a new file path;
function syncFilePath(){
	this.form.elements.namedItem('my-input-file-path').value = this.value;
}

function disableFilePath(){
  this.elements.namedItem('my-input-file-path').disabled = true ;
}


function render_start(){

	var aBtn = document.getElementsByName('attach1');
	var dBtn;
	for(var i=0;dBtn = aBtn[i];i++){
		addEvent(dBtn,'change',syncFilePath);
    addEvent(dBtn.form,'submit',disableFilePath);
	};
	render_start = null;
}

$(function(){

	$("#photoForm").validate({
		rules: {
			email: {
				required: true,
				email: true
			},
			firstname: { required: true },
			lastname: { required: true },
			comments: { required: true }
		},
		errorElement: "em",
		errorPlacement: function(error, element) {
			$(element).parent().addClass("error");
			$(element.form).find("label[for=" + element.id + "]").append(error);
		}
	});
	
});