window.addEvent("load", function() {
	initSelectionChange();
	saveAddMoreVehicle();
}); 
/**-----------------------------------------------------------------------------------------
	@write by HP
	@function select year :: Make :: Model :: option
	@paramater null
	@return null
-------------------------------------------------------------------------------------------**/

function initSelectionChange(){
	var arrTrs = $$('.greyAddNew, .grey');
	
	arrTrs.each(function(elTr, index){
		elTr.year = elTr.getElement('select[id=cmbYear]');
		if(!elTr.year) {
			elTr.year = elTr.getElement('select[id=cmbYearSelect]');
		}
		
		elTr.fuelEdit = elTr.getElement('select[id=selectFuelEdit]');		
		if(!elTr.fuelEdit) {
			elTr.fuelEdit = elTr.getElement('select[id=selectFuelAddNew]');
		}		
		
		//if(!elTr.year) return;
		
		elTr.make = elTr.getElement('select[id=cmbMake]');
		if(!elTr.make) {
			elTr.make = elTr.getElement('select[id=cmbMakeSelect]');			
		}
		
		
		elTr.model = elTr.getElement('select[id=cmbModel]');
		if(!elTr.model) {
			elTr.model = elTr.getElement('select[id=cmbModelSelect]');
		}
		
		
		elTr.feature = elTr.getElement('select[id=cmbFeature]');
		if(!elTr.feature) {
			elTr.feature = elTr.getElement('select[id=cmbFeatureSelect]');
		}
		
		elTr.modelValue = elTr.getElement('input[id=model_id]');
		elTr.yearValue = elTr.getElement('input[id=year_id]');
		elTr.makeValue = elTr.getElement('input[id=make_id]');
		elTr.featureValue = elTr.getElement('input[id=feature_id]');
		
		if(elTr.year) elTr.year.removeEvents('change').addEvent('change', function(){
			var jsonYearRequest = new Request.JSON({
				url:  baseurl + '/myplan/getcar/year/' + elTr.year.value, 
				onComplete: function(dataJson){				
					
					deleteOption(elTr.make);					
					deleteOption(elTr.model);
					deleteOption(elTr.feature);
					
					for(var i = 0 ; i < dataJson.data.length ; i++) {
						elTr.make.options[i+1] = new Option(dataJson.data[i].manufac_car, dataJson.data[i].manufac_id);
					}
					if(dataJson.data.length > 0) {
						elTr.make.disabled = false;
					} else {
						elTr.make.disabled = true;						
					}
					elTr.model.disabled = true;
					elTr.feature.disabled = true;
				}
			}).post();
			try {
				elTr.yearValue.value = elTr.year.value;
				elTr.makeValue.value = "";
				elTr.featureValue.value = "";
				elTr.modelValue.value = "";
			} catch (e){}
		});
		//
		if(elTr.make) elTr.make.removeEvents('change').addEvent('change', function(){
			var jsonMakeRequest = new Request.JSON({
				url:  baseurl + '/myplan/getmanuf/id/'+ elTr.make.value + '/year/' + elTr.year.value, 
				onComplete: function(dataJson){
					deleteOption(elTr.model);
					deleteOption(elTr.feature);
					for(var i = 0 ; i < dataJson.data.length ; i++) {
						elTr.model.options[i+1] = new Option(dataJson.data[i].model_car, dataJson.data[i].model_id);
					}
					if(dataJson.data.length > 0) {
						elTr.model.disabled = false;
					} else {
						elTr.model.disabled = true;
					}
					elTr.feature.disabled = true;
				}
			}).post();
			try {
				elTr.makeValue.value = elTr.make.value;
				elTr.featureValue.value = "";
				elTr.modelValue.value = "";
			} catch (e){}
		});
		//
		if(elTr.model) elTr.model.removeEvents('change').addEvent('change', function(){
			var jsonMakeRequest = new Request.JSON({
				url:  baseurl + '/myplan/getfeature/id/'+ elTr.model.value + '/year/' + elTr.year.value, 
				onComplete: function(dataJson){					
					
					deleteOption(elTr.feature);
					for(var i = 0 ; i < dataJson.data.length ; i++) {
						var nameOption = dataJson.data[i].numb_cyl + ' cyl, ' + dataJson.data[i].transmission;
						elTr.feature.options[i+1] = new Option(nameOption, dataJson.data[i].feature_id);							
					}
					if(dataJson.data.length > 0) {
						elTr.feature.disabled = false;
					} else {						
						elTr.feature.disabled = true;
					}
				}
			}).post();
			try {
				elTr.modelValue.value = elTr.model.value;			
				elTr.featureValue.value = "";
			} catch (e){}
		});
		
		if(elTr.feature) elTr.feature.removeEvents('change').addEvent('change', function(){
			var jsonFeature = new Request.JSON({				
				url:  baseurl + '/officesetup/getmpgfuel/id/' + elTr.feature.value, 
				onComplete: function(dataJson){					
					if(elTr.hasClass('grey')) {
						elTr.feature.getParent().getNext().innerHTML = dataJson.data.comp_mpg;
					} else {
						elTr.feature.getParent().getNext().getElement('input[id=numEmployAddNew]').value = dataJson.data.comp_mpg;
					}
					for(var i =0; i< elTr.fuelEdit.options.length ; i++) {						
						if (elTr.fuelEdit.options[i].value == dataJson.data.fuel_type) {							
							elTr.fuelEdit.selectedIndex = i;
							break;
						} else {
							elTr.fuelEdit.selectedIndex = 0;
						}
					}
				}
			});			
			if(elTr.feature.value != '0' && elTr.feature.value != 'Please select model options' ) jsonFeature.post();
			try {
				elTr.featureValue.value = elTr.feature.value;				
			} catch (e){}			
		});

		if(elTr.fuelEdit) elTr.fuelEdit.removeEvents('change').addEvent('change', function(){
			try {				
				//sendByAjax(elTr);
			} catch (e){}			
		});		
	});
}
/**-----------------------------------------------------------------------------------------
	@write by Kim.Nguyen
	@function init in line for form team, employ or office
	@paramater null
	@return null
-------------------------------------------------------------------------------------------**/
function initCompanyTeam() {
	if( !$('frmCompanyEmployment') && !$('frmCompanyTeam') && !$('frmOfficeSetup') ) {
		return true;
	}
	if($('disableCompany') && $('disableCompany').value == 1) {
		return true;
	}
	
	var greyTr = $$('.grey');
	if(greyTr.length == 0 && $$('.greyAddNew').length == 0) {
		return true;
	}
	var input = '<input type="text" class="widthType2"  value="" id="nameTeam" name="name[]"/>';
	var inputLast = '<input type="text"  class="widthType2"  value="" id="lastName" name="lastName[]"/>';
	var inputMPG = '<input type="text"  class="widthType2" maxlength="4"  value="" id="lastMPG" name="lastMPG[]"/>';
	var inputEmploy = '<input name="numEmploy[]" class="widthType2"  type="text" id="numEmploy"/>';
	var inputEmail = '<input name="nameEmail[]"  class="widthType1"  type="text" id="nameEmail"/>';
	//edit inline using select box
	if($('cmbYear')) {
		var selectYear = $('cmbYear').clone();
		selectYear.setProperties({
			'id': 'cmbYearSelect',
			'name' : 'cmbYearSelect[]'
		});
	}
	if($('cmbMake')) {
		var selectMake = $('cmbMake').clone();
		selectMake.setProperties({
			'id': 'cmbMakeSelect',
			'name' : 'cmbMakeSelect[]'
		});
	}
	if($('cmbModel')) {
		var selectModel = $('cmbModel').clone();
		selectModel.setProperties({
			'id': 'cmbModelSelect',
			'name' : 'cmbModelSelect[]'
		});
	}
	if($('cmbFeature')) {
		var selectFeature = $('cmbFeature').clone();
		selectFeature.setProperties({
			'id': 'cmbFeatureSelect',
			'name' : 'cmbFeatureSelect[]'
		});
	}	
	////////////////////////end edit inline
	if($('selectOfficeAddNew')) {
		var selectOffice = $('selectOfficeAddNew').clone();
		selectOffice.setProperties({
			'id': 'selectOffice',
			'name' : 'selectOffice[]'
		});
	}	
	if($('frmCompanyTeam')) {
		var selectType = $('selectTypeAddNew').clone();
		selectType.setProperties({
			'id': 'selectType',
			'name' : 'selectType[]'
		});		
	}
	if($('frmCompanyEmployment')) {
		if($('selectGreenAddNew')) 
		{
		var selectGreen = $('selectGreenAddNew').clone();
		selectGreen.setProperties({
			'id': 'selectGreen',
			'name' : 'selectGreen[]'
		});
		}
		if($('selectDivisionAddNew')){
            var selectDivision = $('selectDivisionAddNew').clone();
		    selectDivision.setProperties({
			    'id': 'selectDivision',
			    'name' : 'selectDivision[]'
		    });
		    selectDivision.addEvent('change' , function(){
			    this.getParent().getNext().innerHTML = "";
			    this.getParent().getNext().setProperty('id' , 'empty');
		    });
		
		    selectOffice.addEvent('change' , function(){
			    this.getParent().getNext().innerHTML = "";
			    this.getParent().getNext().setProperty('id' , 'empty');
		    });		    
        }
		if($('selectTeamAddNew')) {
			var selectTeam = $('selectTeamAddNew').clone();
		    selectTeam.setProperties({
			    'id': 'selectTeam',
			    'name' : 'selectTeam[]'
		    });
		}	
	}
	if($('frmOfficeSetup') && $('selectFuelAddNew')) {
		var selectFuel = $('selectFuelAddNew').clone();
		selectFuel.setProperties({
			'id': 'selectFuel',
			'name' : 'selectFuel[]'
		});
	}
	//end
	
	greyTr.each(function(el) {
		var arrTd = el.getElements('td');
		arrTd.each(function(elTd , index) {
		if($('frmOfficeSetup')) {
			index = index + 3;
		}
		switch(index) {
			case 1 : {
			//case 1 ----------------------------------------------------------------------------------
				if(!$('frmOfficeSetup')) {
					initCheckEmail.callbackFn0 = function(_elTd , _elTr) {
						ajaxUpdateRowAndCell();
						label = _elTd.getElements('label')[0].clone().cloneEvents(_elTd.getElements('label')[0]);
						var textValue = _elTd.getElements('label')[0].innerHTML;
						if(_elTd.getElements('label')[0].getNext()) idRecord = _elTd.getElements('label')[0].getNext().clone();
						if(_elTd.getElements('label')[0].getNext().getNext()) inputId1 = _elTd.getElements('label')[0].getNext().getNext().clone();
						if(_elTd.getElements('label')[0].getNext().getNext().getNext()) inputId2 = _elTd.getElements('label')[0].getNext().getNext().getNext().clone();
						if(_elTd.getElements('label')[0].getNext().getNext().getNext().getNext()) inputId3 = _elTd.getElements('label')[0].getNext().getNext().getNext().getNext().clone();
						//form company
						_elTd.innerHTML = input;
						_elTd.getFirst().addEvent('click' , function(evt){
							evt.stop();
						});
						_elTd.getFirst().setProperty('value' , textValue);						
						//form company
						if($('nameTeam')) $('nameTeam').focus();
						if($('firstName')) $('firstName').focus();
						setFirstActiveAndLastActive(_elTr);
					}
					elTd.getElements('label')[0].removeEvents().addEvent('click' , function(evt) {
						evt.stop();	
						initSaveprogressCallBack();						
						td = elTd;
						tr = el;
						pos = 0;
						if(!initFormCompanyTeam()  || !initCheckEmail()) {
							return true;
						}
						initCheckEmail.callbackFn0(td , tr);
					});
				}
			break;
			//end case 1 ----------------------------------------------------------------		
			}
			case 2: {
				//case 2 ----------------------------------------------------------------
				//form company
				elTd.removeEvents().addEvent('click' , function(evt) {
					evt.stop();
					initSaveprogressCallBack();
					initCheckEmail.callbackFn1 = function(_elTd , _elTr) {
						ajaxUpdateRowAndCell();
						var textValue = _elTd.innerHTML;
						_elTd.innerHTML = inputLast;
						_elTd.getFirst().addEvent('click' , function(evt){
							evt.stop();
						});
						_elTd.getFirst().setProperty('value' , textValue);
						$('lastName').focus();
						setFirstActiveAndLastActive(_elTr);
					}
					if($('frmCompanyTeam') || $('frmOfficeSetup')) {
						if(elTd.getElements('select')[0]){
							return true;
						}
						if(!initFormCompanyTeam() || !initCheckEmail()) {
							return true;
						}
						var valueInput = elTd.innerHTML;
						ajaxUpdateRowAndCell();
						elTd.innerHTML = "";						
						if($('frmOfficeSetup')) {
							selectYear.inject(elTd);
							var arrSelect = $$('select[id=selectYear]')[0];
						} else {
							selectType.inject(elTd);
							var arrSelect = $$('select[id=selectType]')[0];
						}
						//select option	
						for(var i =0; i< arrSelect.options.length ; i++) {						
							if(valueInput.trim().replace('&nbsp;', '') == ''){
								arrSelect.selectedIndex = 0;
							} else if (arrSelect.options[i].text.trim() == valueInput.trim().replace('&nbsp;', '')) {
								//arrSelect.options[i].selected = "selected";
								arrSelect.selectedIndex = i;
							} else {
								//
							}
						}
						setFirstActiveAndLastActive(el);
					} else {
						td = elTd;
						tr = el;
						pos = 1;
						if(!initFormCompanyTeam()  || !initCheckEmail()) {
							return true;
						}
						initCheckEmail.callbackFn1(td , tr);	
					}
				});
				break;
			//end case 2 ----------------------------------------------------------------				
			}
			case 3: {
				if($('frmOfficeSetup')) {
					return;
				}
				initCheckEmail.callbackFn2 = function(_elTd , _elTr) {
					if($('frmCompanyEmployment') && !selectGreen) {
						return true;
					}
					if($('frmCompanyTeam') && !selectOffice) {
						return true;
					}
					var valueInput = _elTd.innerHTML;
					valueInput = valueInput.replace('&nbsp;', '');					
					ajaxUpdateRowAndCell();
					_elTd.innerHTML = "";
					if($('frmCompanyTeam')) {
						selectOffice.inject(_elTd);
						var arrSelect = $$('select[id=selectOffice]')[0];
					}
					else if($('frmOfficeSetup')) {
						selectMake.inject(_elTd);
						var arrSelect = $$('select[id=selectMake]')[0];						
						var paramater = baseurl + '/officesetup/getmanuf/year/'+_elTd.getParent().getElements('input')[2].value;
						updateOption(selectMake, paramater , 2 , arrSelect , valueInput);
					} else {
						selectGreen.inject(_elTd);
						var arrSelect = $$('select[id=selectGreen]')[0];
						
					}
					//update content
					for(var i =0; i< arrSelect.options.length ; i++) {						
						
						if(arrSelect.options[i].text.trim() == valueInput.trim()) {
							arrSelect.options[i].selected = "selected";
						}
					}
					setFirstActiveAndLastActive(_elTr);
				}
				elTd.removeEvents().addEvent('click' , function(evt) {
					evt.stop();
					initSaveprogressCallBack();
					td = elTd;
					tr = el;
					pos = 2;
					if(elTd.getElements('select')[0]){
						return true;
					}
					//for form officeSetup
					if($('frmOfficeSetup')) {
						if(elTd.innerHTML !=""){
							if(!initFormCompanyTeam()  || !initCheckEmail()) {
								return true;
							}
						}
						else {
							if($('selectYear').value == "null") {
								formObj.showAlertLayer($('selectYear'), Alert.messageAlert.txtSelect);
								return true;
							}
						}
					//for form company	
					} else {
						//if(elTd.innerHTML !=""){
							if(!initFormCompanyTeam()  || !initCheckEmail()) {
							return true;
							}
						//}							
					}					
					initCheckEmail.callbackFn2(td , tr);	
				});				
				break;	
			}
			case 4: {
				if($('frmCompanyTeam')) {
					return true;
				}
				
				initCheckEmail.callbackFn3 = function(_elTd , _elTr) {
					if($('frmCompanyEmployment') && !selectDivision) {
						return true;
					}
					var valueInput = _elTd.innerHTML;					
					ajaxUpdateRowAndCell();
					_elTd.innerHTML = "";
					if($('frmOfficeSetup')) {						
						selectModel.inject(_elTd);
						var arrSelect = $$('select[id=selectModel]')[0];
						var paramater = baseurl + '/officesetup/getcarbyid/year/'+_elTd.getParent().getElements('input')[2].value+'/manufac_id/'+_elTd.getParent().getElements('input')[3].value;
						updateOption(selectModel, paramater , 3 , arrSelect , valueInput);
					} else {
						selectDivision.inject(_elTd);
						var arrSelect = $$('select[id=selectDivision]')[0];
					}
					for(var i =0; i< arrSelect.options.length ; i++) {						
						//.replace(/[\. ,-]/g, '')						
						if(arrSelect.options[i].text.trim() == valueInput.trim()) {
							arrSelect.options[i].selected = "selected";
						}
					}
					setFirstActiveAndLastActive(_elTr);
				}
				
				elTd.removeEvents().addEvent('click' , function(evt) {
					initSaveprogressCallBack();
					evt.stop();
					td = elTd;
					tr = el;
					pos = 3;
					if($('frmCompanyTeam')) {
						if(!initFormCompanyTeam()) {
							return true;
						}
						ajaxUpdateRowAndCell();
						var textValue = this.innerHTML;
						
						elTd.innerHTML = inputEmploy;
						elTd.getFirst().addEvent('click' , function(evt) {
							evt.stop();
						});
						elTd.getFirst().setProperty('value' , textValue);
						$('numEmploy').focus();
						$('numEmploy').removeEvents().addEvents({
							'keypress': function(evt){
								var key = evt.getCharCode();
								if(key > 47 && key < 58 || key == 8 || key == 39 || key ==0) {			
								} else {
									evt.stop();
								}
							}
						});	
						setFirstActiveAndLastActive(el);
					} else if($('frmOfficeSetup')) {
						if(!initFormCompanyTeam()) {
							return true;
						}
						ajaxUpdateRowAndCell();
						var textValue = this.innerHTML;
						
						elTd.innerHTML = inputLast;
						elTd.getFirst().addEvent('click' , function(evt) {
							evt.stop();
						});
						elTd.getFirst().setProperty('value' , textValue);
						$('lastName').focus();
						setFirstActiveAndLastActive(el);
					} else {						
						if(elTd.getElements('select')[0]) {
							return true;
						}
						//for page office setup
						if($('frmOfficeSetup')){
							if(elTd.innerHTML !=""){
								if(!initFormCompanyTeam()  || !initCheckEmail()) {
									return true;
								}
							}
							else {
								if($('selectMake').value == "null") {
									formObj.showAlertLayer($('selectMake'), Alert.messageAlert.txtSelect);
									return true;
								}
							}
							//end 
							//else for page company team and page employment
						} else {
							if(!initFormCompanyTeam()  || !initCheckEmail()) {
								return true;
							}
						}	
						initCheckEmail.callbackFn3(td , tr);
					}					
				});	
			break;
			}	
			case 5: {
				initCheckEmail.callbackFn4 = function(_elTd , _elTr) {
					if($('frmCompanyEmployment') && !selectOffice) {
						return true;
					}
					var valueInput = _elTd.innerHTML;
					//call ajax update row and cell
					ajaxUpdateRowAndCell();
					_elTd.innerHTML = "";
					deleteOption(selectOffice);
					selectOffice.inject(_elTd);
					var arrSelect = $$('select[id=selectOffice]')[0];
					var paramater = baseurl + '/user/showdot/idDivision/'+_elTd.getParent().getElements('input')[2].value;
					updateOption(selectOffice, paramater , 1 , arrSelect , valueInput);					
					setFirstActiveAndLastActive(_elTr);	
				}
				elTd.addEvent('click' , function(evt) {
					if(evt) evt.stop();
					initSaveprogressCallBack();					
					td = elTd;
					tr = el;
					pos = 4;
					if($('cmbYear')) {
						if(!initFormCompanyTeam()  || !initCheckEmail()) {
							return true;
						}
						/////////////////////////////////
						if($('cmbYearSelect')) {		
							if($('cmbYearSelect').selectedIndex == 0) {
								formObj.showAlertLayer($('cmbYearSelect'), Alert.messageAlert.txtSelect);
								return true;
							}
						}
						
						/////////////////////////////////
						if($('cmbMakeSelect')) {		
							if($('cmbMakeSelect').selectedIndex == 0) {
								formObj.showAlertLayer($('cmbMakeSelect'), Alert.messageAlert.txtSelect);
								return true;
							}
						}
						/////////////////////////////////
						if($('cmbModelSelect')) {		
							if($('cmbModelSelect').selectedIndex == 0) {
								formObj.showAlertLayer($('cmbModelSelect'), Alert.messageAlert.txtSelect);
								return true;
							}
						}
						/////////////////////////////////
						if($('cmbFeatureSelect')) {		
							if($('cmbFeatureSelect').selectedIndex == 0) {
								formObj.showAlertLayer($('cmbFeatureSelect'), Alert.messageAlert.txtSelect);
								return true;
							}
						}
						ajaxUpdateRowAndCell();
						
						//year select
						var yearValue = this.innerHTML;
						if(yearValue == "") return true; /*empty value*/
						elTd.innerHTML = '';
						selectYear.inject(elTd);
						//select option	
						for(var i =0; i< selectYear.options.length ; i++) {
							if(yearValue.trim().replace('&nbsp;', '') == ''){
								selectYear.selectedIndex = 0;
							} else if (selectYear.options[i].text.trim() == yearValue.trim().replace('&nbsp;', '')) {								
								selectYear.selectedIndex = i;
							}
						}
						selectYear.addEvent('click' , function(evt){
							evt.stop();
						});
						selectMake.addEvent('click' , function(evt){
							evt.stop();
						});
						selectModel.addEvent('click' , function(evt){
							evt.stop();
						});
						selectFeature.addEvent('click' , function(evt){
							evt.stop();
						});
						selectYear.focus();
						
						//setFirstActiveAndLastActive(tr);
						//make select
						if(arrTd[3]) {
							var makeValue = arrTd[3].innerHTML;
							var makeID = el.getElement('input[id=make_id]').value;
							arrTd[3].innerHTML = '';
							selectMake.inject(arrTd[3]);
						}
						//model select
						if(arrTd[4]) {
							var modelValue = arrTd[4].innerHTML;
							var modelID = el.getElement('input[id=model_id]').value;
							arrTd[4].innerHTML = '';
							selectModel.inject(arrTd[4]);
						}
						//feature select
						if(arrTd[5]) {
							var featureValue = arrTd[5].innerHTML;
							var featureID = el.getElement('input[id=feature_id]').value;
							arrTd[5].innerHTML = '';
							selectFeature.inject(arrTd[5]);
						}
						initSelectionChange();
						var jsonYearRequest = new Request.JSON({
							url:  baseurl + '/myplan/getcar/year/' + yearValue, 
							onComplete: function(dataJson){
								for(var i = 0 ; i < dataJson.data.length ; i++) {
									selectMake.options[i+1] = new Option(dataJson.data[i].manufac_car, dataJson.data[i].manufac_id);
								}
								if(dataJson.data.length > 0) {
									selectMake.disabled = false;
								} else {
									selectMake.disabled = true;									
								}
								selectModel.disabled = true;
								selectFeature.disabled = true;
								//select option	
								for(var i =0; i< selectMake.options.length ; i++) {
									if(makeValue.trim().replace('&nbsp;', '') == ''){
										selectMake.selectedIndex = 0;
									} else if (selectMake.options[i].value == makeID) {										
										selectMake.selectedIndex = i;
										break;
									}
								}
								var jsonMakeRequest = new Request.JSON({
									url:  baseurl + '/myplan/getmanuf/id/'+ selectMake.value + '/year/' + yearValue, 
									onComplete: function(dataJson){
										for(var i = 0 ; i < dataJson.data.length ; i++) {
											selectModel.options[i+1] = new Option(dataJson.data[i].model_car, dataJson.data[i].model_id);											
										}
										if(dataJson.data.length > 0) {
											selectModel.disabled = false;
										} else {
											selectModel.disabled = false;
										}
										selectFeature.disabled = true;
										//select option	
										for(var i =0; i< selectModel.options.length ; i++) {
											if(modelValue.trim().replace('&nbsp;', '') == ''){
												selectModel.selectedIndex = 0;
											} else if (selectModel.options[i].value == modelID) {
												selectModel.selectedIndex = i;
												break;
											}
										}
										var jsonModelRequest = new Request.JSON({
											url:  baseurl + '/myplan/getfeature/id/'+ selectModel.value + '/year/' + selectYear.value, 
											onComplete: function(dataJson){
												
												for(var i = 0 ; i < dataJson.data.length ; i++) {
													var nameOption = dataJson.data[i].numb_cyl + 'cyl' + dataJson.data[i].transmission;
													selectFeature.options[i+1] = new Option(nameOption, dataJson.data[i].feature_id);
												}
												if(dataJson.data.length > 0) {
													selectFeature.disabled = false;
												} else {
													selectFeature.disabled = true;
												}
												
												//select option	
												for(var i =0; i< selectFeature.options.length ; i++) {
													if(featureValue.trim().replace('&nbsp;', '') == ''){
														selectFeature.selectedIndex = 0;
													} else if (selectFeature.options[i].value == featureID) {														
														selectFeature.selectedIndex = i;
														break;
													}
												}
											}
										});
										if(selectModel.selectedIndex != 0) {
											jsonModelRequest.post();
										}
									}
								});
								if(selectMake.selectedIndex !=0 ) {
									jsonMakeRequest.post();								
								}
								//select option	
								for(var i =0; i< selectMake.options.length ; i++) {
									if(makeValue.trim().replace('&nbsp;', '') == ''){
										selectMake.selectedIndex = 0;
									} else if (selectMake.options[i].text.trim() == makeValue.trim().replace('&nbsp;', '')) {										
										selectMake.selectedIndex = i;
										break;
									}
								}
							}
						}).post();
						
					} else if ($('frmOfficeSetup')) {
						if(!initFormCompanyTeam()  || !initCheckEmail()) {
							return true;
						}
						ajaxUpdateRowAndCell();
						var textValue = this.innerHTML;
						elTd.innerHTML = inputMPG;
						elTd.getFirst().addEvent('click' , function(evt){
							evt.stop();
						});
						elTd.getFirst().setProperty('value' , textValue);
						$('lastMPG').focus();
						$('lastMPG').removeEvents().addEvents({
							'keypress': function(evt){
								var key = evt.getCharCode();
								if(key > 47 && key < 58 || key == 8 || key == 39 || key ==0) {			
								} else {
									evt.stop();
								}
							}
						});	
						setFirstActiveAndLastActive(tr);
					} else {
						if(elTd.getElements('select')[0]) {
							return true;
						}
						if(elTd.innerHTML.trim() !="") {
							if(!initFormCompanyTeam()  || !initCheckEmail()) {
								return true;
							}
						} else {
							//check tr 3 if select value is null
							if($('selectDivision').value == "null" && $('frmCompanyEmployment')) {
								formObj.showAlertLayer($('selectDivision'), Alert.messageAlert.txtSelect);
								return true;
							}
						}
						initCheckEmail.callbackFn4(td , tr);
					}
				});
			break;
			}
			case 6: {
				initCheckEmail.callbackFn5 = function(_elTd , _elTr) {
					var valueInput = _elTd.innerHTML;
					ajaxUpdateRowAndCell();
					_elTd.innerHTML = "";
					if($('frmOfficeSetup')) {
						if(selectFuel) selectFuel.inject(_elTd);
						var arrSelect = $$('select[id=selectFuel]')[0];
					}
					else {
						if($('frmCompanyEmployment') && selectOffice) {
							deleteOption(selectTeam);
						}
						
						selectTeam.inject(_elTd);
						/*	wizard :: employees :: select team */
						//select option	
						for(var i =0; i< selectTeam.options.length ; i++) {						
							if(valueInput.trim().replace('&nbsp;', '') == ''){
								selectTeam.selectedIndex = 0;
							} else if (selectTeam.options[i].text.trim() == valueInput.trim().replace('&nbsp;', '')) {
								//arrSelect.options[i].selected = "selected";
								selectTeam.selectedIndex = i;
							} else {
								//
							}
						}
						
						if($('frmCompanyEmployment') && selectOffice) {
							var arrSelect = $$('select[id=selectTeam]')[0];
							var paramater = baseurl + '/user/showteam/office_id/'+_elTd.getParent().getElements('input')[3].value;
							updateOption(selectTeam, paramater , '' , arrSelect , valueInput);						
						}	
					}
					setFirstActiveAndLastActive(_elTr);
				}
				elTd.addEvent('click' , function(evt) {
					initSaveprogressCallBack();
					evt.stop();
					td = elTd;
					tr = el;
					pos = 5;
					if($('cmbYear')) {
						this.getPrevious().fireEvent('click');
						selectMake.focus();
					} else {
					
						if(elTd.getElements('select')[0]){
							return true;
						}
						if(elTd.innerHTML !=""){
							if(!initFormCompanyTeam()  || !initCheckEmail()) {
								return true;
							}
						} else {
							if($('selectOffice') == "null" && $('frmCompanyEmployment')) {
								formObj.showAlertLayer($('selectOffice'), Alert.messageAlert.txtSelect);
								return true;
							}
						}
						initCheckEmail.callbackFn5(td , tr);
					}
				});
				break;
			}
			case 7: {
				elTd.addEvent('click' , function(evt) {
					initSaveprogressCallBack();
					evt.stop();					
					if($('cmbYear')) {
						if(this.getPrevious().getPrevious()) this.getPrevious().getPrevious().fireEvent('click');
						selectModel.focus();
					}
				});			
				break;
			}
			case 8: {
				elTd.addEvent('click' , function(evt) {
					initSaveprogressCallBack();
					evt.stop();					
					if($('cmbYear')) {
						if(this.getPrevious().getPrevious().getPrevious()) this.getPrevious().getPrevious().getPrevious().fireEvent('click');
						selectFeature.focus();
					}
				});			
				break;
			}
			case 9: {
				initCheckEmail.callbackFn6 = function(_elTd , _elTr) {
					
					/////////////////////////////////
					if($('cmbYearSelect')) {		
						if($('cmbYearSelect').selectedIndex == 0) {
							formObj.showAlertLayer($('cmbYearSelect'), Alert.messageAlert.txtSelect);
							return true;
						}
					}
					
					/////////////////////////////////
					if($('cmbMakeSelect')) {		
						if($('cmbMakeSelect').selectedIndex == 0) {
							formObj.showAlertLayer($('cmbMakeSelect'), Alert.messageAlert.txtSelect);
							return true;
						}
					}
					/////////////////////////////////
					if($('cmbModelSelect')) {		
						if($('cmbModelSelect').selectedIndex == 0) {
							formObj.showAlertLayer($('cmbModelSelect'), Alert.messageAlert.txtSelect);
							return true;
						}
					}
					/////////////////////////////////
					if($('cmbFeatureSelect')) {		
						if($('cmbFeatureSelect').selectedIndex == 0) {
							formObj.showAlertLayer($('cmbFeatureSelect'), Alert.messageAlert.txtSelect);
							return true;
						}
					}
					
					//call ajax update row and cell
					ajaxUpdateRowAndCell();						
					setFirstActiveAndLastActive(_elTr);
				}
				elTd.addEvent('click' , function(evt) {					
					evt.stop();
					td = elTd;
					tr = el;
					pos = 6;
					
					ajaxUpdateRowAndCell();
					var textValue = this.innerHTML;
					elTd.innerHTML = inputMPG;
					elTd.getFirst().addEvent('click' , function(evt){
						evt.stop();
					});
					elTd.getFirst().setProperty('value' , textValue);
					$('lastMPG').focus();
					$('lastMPG').removeEvents().addEvents({
						'keypress': function(evt){
							var key = evt.getCharCode();
							if(key > 47 && key < 58 || key == 8 || key == 39 || key ==0) {			
							} else {
								evt.stop();
							}
						}
					});	
					setFirstActiveAndLastActive(tr);
				});
				break;
			}
			default : break;
			}
		});
		//set class hover for td class name is tdHover;
		el.addEvents({
			'mouseenter' : function(evt) {
				this.getChildren('td').addClass('tdHover');
			},
			'mouseleave' : function(evt){
				this.getChildren('td').removeClass('tdHover');
			}
		});
		
	});
	//add New 	
	//form company team
	if($('frmCompanyTeam')) {
		//add event focus
		var inputEl = $('nameTeamAddNew');
	}
	if($('frmCompanyEmployment')) {
		//add event focus
		var inputEl = $('firstNameAddNew');
	}
	if($('frmOfficeSetup')) {
		//add event focus
		var inputEl = $('lastNameAddNew');
	}
	
	if(inputEl) inputEl.removeEvents().addEvents({
		'focus': function(evt) {
			evt.stop();
			if($('frmCompanyEmployment')) {
				if(this.value != ""  && this.value.trim() == "First name") {
					this.value = "";
				}
			} else if($('frmOfficeSetup')) {
				if(this.value != "" && this.value.trim() == "Enter Vehicle name") {
					this.value = "";
				} 
			} else {
				if(this.value != ""  && this.value.trim() == "Enter team name") {  
					this.value = "";
				}
			}	
			setFirstActiveAndLastActive(this.getParent().getParent());
		},
		'blur': function(evt) {
			evt.stop();
			if(this.value == "") {
				if($('frmCompanyEmployment')) {
					this.value = "First name";
				} else if($('frmOfficeSetup')) {
					this.value = "Enter Vehicle name";
				} else {
					this.value = "Enter team name";
				}	
			}
		},
		'keydown': function(evt) {			
			if($("frmOfficeSetup")) {
				var trParent = this.getParent().getParent();
				if(!trParent.getNext()) {
					var trCopy = trParent.clone(true, true);
					trCopy.getElements('input').each(function(el, index){
						el.cloneEvents(trParent.getElements('input')[index]);
					});
					trCopy.getElements('select').each(function(el, index){
						el.cloneEvents(trParent.getElements('select')[index]);
					});
					trCopy.getElements('td').each(function(el, index){
						el.cloneEvents(trParent.getElements('td')[index]);
					});			
					//
					if(trCopy.getElement('label')) trCopy.getElement('label').innerHTML = 'Click here to assign';
					if(trCopy.getElements('input')[1]) trCopy.getElements('input')[1].value = "Enter Vehicle name";
					if(trCopy.getElements('input')[2]) trCopy.getElements('input')[2].value = "Enter MPG";					
					trCopy.inject(trParent.getParent());				
					setFirstActiveAndLastActive(this.getParent().getParent());
					initSelectionChange();
				}
			} else {
				if(this.getParent().getParent().getNext()) {
					return true;
				}
				var trParent = $$('.greyAddNew')[0];
				var trCopy = trParent.clone(true, true);
				trCopy.getElements('input').each(function(el, index){
						el.cloneEvents(trParent.getElements('input')[index]);
					});	
				if($('frmCompanyEmployment')){	
					trCopy.getElements('input')[1].value = "First name";
					trCopy.getElements('input')[2].value = "Last name";		
					trCopy.getElements('select')[0].selectedIndex = 0;		
					trCopy.getElements('input')[3].value = "Input email";		
				}	
				if($('frmCompanyTeam')){	
					trCopy.getElements('input')[1].value = "Enter team name";
					trCopy.getElements('select')[0].selectedIndex = 0;							
				}					
				trCopy.inject(trParent.getParent());
				setFirstActiveAndLastActive(this.getParent().getParent());
				ajaxJSON();
			}	
			//
			if(trCopy) trCopy.getElements('td').removeClass('tdHover');
			addClassActivegreyAddNew();
			
			
		},
		'click' : function(evt){
			evt.stop();
		}
	});
	
	var inputElEmployAddNew = $('numEmployAddNew');
	//num employ
	if(inputElEmployAddNew) {
		addEventInput(inputElEmployAddNew , 1);
	}
	
	var inputLastNameAddNew = $('lastNameAddNew');
	//last name
	if(inputLastNameAddNew && !$('frmOfficeSetup')) {
		addEventInput(inputLastNameAddNew , 2);
	}
	var inputEmailAddNew = $('nameEmailAddNew');
	//email
	if(inputEmailAddNew) {
		addEventInput(inputEmailAddNew , 3);
	}
	function addEventInput(inputElEmploy , valueInput) {
		inputElEmploy.removeEvents().addEvents({
			'focus': function(evt) {
				evt.stop();
				//num employ
				if(valueInput == 1){
					if($('frmOfficeSetup')) {
						if(this.value != "" && this.value.trim() == "Enter MPG") {
							this.value = "";
						}
					} 
					else {
						if(this.value != "" && this.value.trim() == "Enter number") {
							this.value = "";
						}
					}					
				}
				//last name
				if(valueInput == 2){
					if(this.value != "" && this.value.trim() == "Last name") {
						this.value = "";
					}	
				}
				//email
				if(valueInput == 3){
					if(this.value != "" && this.value.trim() == "Input email") {
						this.value = "";
					}
				}
				setFirstActiveAndLastActive(this.getParent().getParent());
			},
			'blur': function(evt) {
				evt.stop();
				if(this.value == "") {
					//num employ
					if(valueInput == 1) {
						if($('frmOfficeSetup')) {
							this.value = "Enter MPG";
						} else {
							this.value = "Enter number";
						}	
					}
					//last name
					if(valueInput == 2) {
						this.value = "Last name";
					}
					//email
					if(valueInput == 3){
						this.value = "Input email";
					}
				}	
			},
			'click' : function(evt){
				evt.stop();
			},
			'keypress': function(evt){
				if(valueInput == 1){
					var key = evt.getCharCode();
					if(key > 47 && key < 58 || key == 8 || key == 39 || key ==0) {			
					} else {
						evt.stop();
					}
				}	
			}
		});
	}
	addClassActivegreyAddNew();
}
/*-----------------------------------------------------------------------------------------
	@write Kim.Nguyen
	@init reload content for team
	@paramater null
	@return null
-------------------------------------------------------------------------------------------*/
function onChangeSelectGreen() {
	if($('selectgreen')) {
		var select = $('selectgreen');
		var _baseUrl = baseurl +'/team/loadteambyoffice/office_id/';
	}
	else if($('selectusergreen')) {
		var select = $('selectusergreen');
	}
	else if($('selectofficesetup')) {
		var select = $('selectofficesetup');
	}	
	if(select) select.addEvent('change', function(evt){
		evt.stop();
		if($('selectusergreen')) {
			_baseUrl = baseurl +'/user/loademployees/division_id/'+$('selectdivisiongreen').value+'/office_id/';
		} else if($('selectofficesetup')) {
            _baseUrl = baseurl +'/officesetup/loadofficesetup/division_id/'+$('selectdivisiongreen').value+'/office_id/';			 
		}
		var req = new Request({
			url: _baseUrl + this.value,
			method:'post',
			onRequest:function(){},
			onSuccess: function(responseText, responseXML) {
			if(/DOCTYPE/i.test(responseText)){
				window.location = baseurl;
				return;
			}
				if($$('.divListView')[0]) {
					$$('.divListView')[0].innerHTML = responseText;
					new imagePreset({selector: $$('.divListView')[0]}); 					
				}
				initCompanyTeam();
				checkBoxHeaderCompany();
				initReloadPage();
				initpopupAssign();
				ajaxJSON();
				saveAddMoreVehicle();				
			}
		});
		req.send();
	})
}
/*-----------------------------------------------------------------------------------------
	@write Kim.Nguyen
	@init reload page
	@paramater null
	@return null
-------------------------------------------------------------------------------------------*/
function initReloadPage() {
	if($('frmCompanyTeam')) {
		var frmId = $('frmCompanyTeam');
	} else if($('frmCompanyEmployment')) {
		var frmId = $('frmCompanyEmployment');
	} else if($('frmOfficeSetup')) {
		var frmId = $('frmOfficeSetup');
	}	
	if(frmId) {
		var divPaging = frmId.getElement('div.paging');
		if(!divPaging) return true;
		var arrAlink = divPaging.getElements('a');
		arrAlink.addEvent('click', function(evt){
			evt.stop();
			ajaxUpdateWithUrl(this.getProperty('href'), $$('.divListView')[0]);
		});
	}
}
/*-----------------------------------------------------------------------------------------
	@write Hung.Pham
	@init show add more vehicle
	@paramater null
	@return null
-------------------------------------------------------------------------------------------*/
function showMoreVehicle(){
	var moreVehicle = $('moreVehicle');
	if(moreVehicle.hasClass('hidden')) {
		moreVehicle.removeClass('hidden');
	}
};


/*-----------------------------------------------------------------------------------------
	@write Hung.Pham
	@init save add more vehicle
	@paramater null
	@return null
-------------------------------------------------------------------------------------------*/
function saveAddMoreVehicle(){
	var moreVehicle = $('moreVehicle');
	if(!moreVehicle) return;
	var btnSaveVihicle = moreVehicle.getElement('input[name=btnSaveVihicle]');
	var txtVehicleName = moreVehicle.getElement('input[name=txtVehicleName]');
	var txtMPG = moreVehicle.getElement('input[name=txtMPG]');
	var cmbFuel = moreVehicle.getElement('select[name=cmbFuel]');
	var office_id = $('frmOfficeSetup').getElement('input[name=office_id]');
	var formValidate = [{
		field : "txtMPG",
		restrict: "[0-9]",		
		alert : Alert.messageAlert.txtInputVehicle
	}];
	var  formObj = new htmlform($('frmOfficeSetup'), formValidate,{
		alertType: "layer",
		layerWidth: 125,
		hideInterval: 2000 ,
		onSubmit: function(){			
		}
	});
	
	btnSaveVihicle.removeEvents('click').addEvents({
		'click': function(evt) {
			if(evt) evt.stop();
			if(txtVehicleName.value.trim() == "") {
				formObj.showAlertLayer(txtVehicleName, Alert.messageAlert.txtInputVehicle);
				return false;
			} else if(txtMPG.value.trim() == "") {
				formObj.showAlertLayer(txtMPG, Alert.messageAlert.txtInputMPG);
				return false;
			} else if(txtMPG.value.trim() == "") {
				formObj.showAlertLayer(txtMPG, Alert.messageAlert.txtInputMPG);
				return false;
			} else if(cmbFuel.value  == 0 || cmbFuel.value  == '') {
				formObj.showAlertLayer(cmbFuel, Alert.messageAlert.txtFuel);
				return false;
			} else {
				var reqSave = new Request({
					url: baseurl + '/officesetup/addvehicle/txtVehicleName/'+ txtVehicleName.value + '/txtMPG/'+ txtMPG.value+'/cmbFuel/'+cmbFuel.value+'/office_id/'+ office_id.value,
					method:'post',
					onRequest:function(){ },
					onSuccess: function(responseText, responseXML) {
						if(/DOCTYPE/i.test(responseText)){
							window.location = baseurl;
							return;
						}
						if(responseText == '1') window.location = baseurl + '/officesetup';			 
					}
				});
				reqSave.send();
			}
		}
	});
}