var idLabel;
var totalCheck = new Array();
window.addEvent('load' , function(){	
    initFormAjax();
	//tooltipPopup();
    initSave();
	initIniatiative();	
});

/*-----------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------*/
function initIniatiative() {
	var form = $('frmIniatiative');
	if(!form) {
		return true;
	}
	
	//get all td has class headerIniatiative
	var headerIniatiative = $$('.headerIniatiative');
	//each
	headerIniatiative.each(function(el, index) {
		var firstTD = el.getFirst();
		firstTD.removeEvents('click').addEvents({
				'click' : function(evt) {
					if(evt) evt.stop();				
					//if close then return true;
					if(this.hasClass('closed')){
						return true;
					}			
					if(this.hasClass('active')) {
						this.removeClass('active');
						
						$$('.tdActive')[0].setStyles({'top': '-2000px'});
						removeActiveTRheaderIniatiative(el);
						$$('.profilesBlock')[0].innerHTML = "";
						//$$('.initiativesBloc')[0].innerHTML = "";
						el.getElements('select').each(function(_el) {
							_el.removeClass('actived');
						});
						//get src of image
						var aImg = 	this.getElements('img')[0];
						var srcImg = aImg.src;
						var srcImgNew = srcImg.replace('_down.gif', '_up.gif');
						aImg.src = srcImgNew;
						aImg.setProperties({
							'width' : '11px',
							'height' : '11px'
						});
						//set width and height for image
						if(this.getParent().getNext()) {
							this.getParent().getNext().setStyle('display' , 'none');
						}	
					} else {
						this.addClass('active');
						el.getElements('select').each(function(_el) {
							_el.addClass('actived');
						});
						setTimeout(function(){
							var coords = el.getCoordinates($('main'));
							var valueHeight = coords.height;
							$$('.tdActive')[0].setStyles({'top': coords.top, left: coords.left - 30, 'height' : valueHeight});
						},100);
						activeTRheaderIniatiative(el);
						
						var srcImg = baseurl+"/../public/images/ajaxloading.gif";
						$$('.profilesBlock')[0].innerHTML = '<img style="padding:70px" src="'+srcImg+'" />';					
						callAjaxShowInforInitiative(this.getElement('input').value);
						
						//hidden nitiative
						$('nitiative').setStyle('display' , 'none');
						//show  class profilesBlock
						$$('.profilesBlock')[0].setStyle('display' , 'block');
						//hidden id action
						$('action').setStyle('display' , 'none');
						//get src of image
						var aImg = 	this.getElements('img')[0];
						var srcImg = aImg.src;
						var srcImgNew = srcImg.replace('_up.gif', '_down.gif');
						aImg.src = srcImgNew;
						aImg.setProperties({
							'width' : '11px',
							'height' : '11px'
						});
						//set value for input hidden with id initiative_id
						if($('action')) {
							$('initiative_id').value = this.getElement('input').value;
						}
						if(this.getParent().getNext()) {
							this.getParent().getNext().setStyle('display' , '');					
						}	
					}
				},
				'mouseenter' : function(evt) {
					this.addClass('tdHover');
				},
				'mouseleave' : function(evt){
					this.removeClass('tdHover');
				}
			});
		el.getElements('.tdEditable').each(function(td, index){
			td.setStyle('cursor' , 'pointer');
			if(td.getElement('label')) td.getElement('label').setStyle('cursor' , 'pointer');
			if(index !=0){
				td.addEvents({
					'click' : function(evt) {
						if(evt) evt.stop();
						firstTD.fireEvent('click');
					}
				});
			}
		});
	});
	
	//for label for = name1
	var arrElementClickable = $('frmIniatiative').getElements('.initTdTable');
	arrElementClickable.each(function(el){
		el.setStyle('cursor' , 'pointer');
		el.addEvent('click' , function(evt){
			evt.stop();
			$$('.profilesBlock')[0].setStyle('display' , 'block');
			var srcImg = baseurl+"/../public/images/ajaxloading.gif";
			$$('.profilesBlock')[0].innerHTML = '<img style="padding:70px" src="'+srcImg+'" />';
			$('nitiative').setStyle('display' , 'none');
			$('action').setStyle('display' , 'none');
			if(this.getParent().getParent().getElement('input[name=actioncomp_id]')) {
				callAjaxShowInforInitiative(this.getParent().getParent().getElement('input[name=actioncomp_id]').value , 1);
			}
		});		
	});
}

function initFormAjax(valueid) {
   var containter = $('layerPopup');
   if(!containter){
		return;
   }
   
   var _table = containter.getElements('.tabContent');
   if(_table.length == 0) return;
   var tabArr = containter.getElement('.tabMenu').getElement('ul').getElements('li');
   //Must be have >=2 tab
   if(tabArr.length < 2) return true;
   
   tabArr.each(function(el, index) {	
        if(index == 0){		
            el.removeEvents('click').addEvents({
				'click' : function(evt){		
					evt.stop();				  
				   var img  = tabArr[0].getElement('img');
				   var srcImg = img.src;
				   var srcImgNew = srcImg.replace('_n.gif' ,'_o.gif' );
				   img.src = srcImgNew; 
				   var imgT  = tabArr[1].getElement('img');
				   var srcImgT = imgT.src;
				   var srcImgNewT = srcImgT.replace('_o.gif' ,'_n.gif' );
				   imgT.src = srcImgNewT;
				   imgT.removeClass('imgSelected');
				   img.addClass('imgSelected');			   
				   _table[1].setStyle('display', 'none');
				   _table[0].setStyles({
						'display': 'block'
					});
				}
			});			
        } else {
            el.removeEvents('click').addEvent('click' , function(evt){
				evt.stop();
				var img  = tabArr[0].getElement('img');
				var srcImg = img.src;
				var srcImgNew = srcImg.replace('_o.gif' ,'_n.gif' );
				img.src = srcImgNew;
				var imgT  = tabArr[1].getElement('img');
				var srcImgT = imgT.src;
				var srcImgNewT = srcImgT.replace('_n.gif' ,'_o.gif' );
				imgT.src = srcImgNewT;               
				img.removeClass('imgSelected');
				imgT.addClass('imgSelected');
				
				_table[0].setStyle('display', 'none');
				_table[1].setStyles({
					'display': 'block'
				});
            });
        }
    });
	
	
	//fix for popup layerAction
	var _table02 = $$('.tabContent');
   if(_table02.length == 0) return;
   if(!$$('.tabMenu')[1]) return;
	if($('selecInitDivisionGreen')) {
		$$('.tabMenu')[0].setStyle('display', 'block');
	}
   if(valueid) {
		var peopleAssign = valueid.getParent().getElement('input[name=people]');
		var listIdAssign = valueid.getParent().getElement('input[name=list_id]');
   }
   
   var tabArr02 = $$('.tabMenu')[1].getElement('ul').getElements('li');
   tabArr02.each(function(el, index) {	
        if(index == 0){		
            el.removeEvents('click').addEvents({
				'click' : function(evt){
					evt.stop();
				   _table02[2].setStyle('display', 'block');
				   _table02[3].setStyle('display', 'none');
				   var img  = tabArr02[0].getElement('img');
				   var srcImg = img.src;
				   var srcImgNew = srcImg.replace('_n.gif' ,'_o.gif' );
				   img.src = srcImgNew; 
				   var imgT  = tabArr02[1].getElement('img');
				   var srcImgT = imgT.src;
				   var srcImgNewT = srcImgT.replace('_o.gif' ,'_n.gif' );
				   imgT.src = srcImgNewT;
				   imgT.removeClass('imgSelected');
				   img.addClass('imgSelected');
				   if(peopleAssign) {
						peopleAssign.value = 'people';
				   }
				}
			});			
        } else {
            el.removeEvents('click').addEvent('click' , function(evt){
				evt.stop();
				_table02[2].setStyle('display', 'none');
				_table02[3].setStyle('display', 'block');
				var img  = tabArr02[0].getElement('img');
				var srcImg = img.src;
				var srcImgNew = srcImg.replace('_o.gif' ,'_n.gif' );
				img.src = srcImgNew;
				var imgT  = tabArr02[1].getElement('img');
				var srcImgT = imgT.src;
				var srcImgNewT = srcImgT.replace('_n.gif' ,'_o.gif' );
				imgT.src = srcImgNewT;               
				img.removeClass('imgSelected');
				imgT.addClass('imgSelected');
				
				if(peopleAssign) {
					peopleAssign.value = 'team';
				}
            });
        }
    });
	//action for button save for layer assign
	if($('btnSaveAction')) {
		$('btnSaveAction').addEvent('click' , function(evt){		
			evt.stop();
			var arrDiv = $('layerAction').getElements('div.tabContent');
			var strValue = "";
			var strName = "____";
			if($$('.profilesBlock')[0].style.display == "block") {
				var _parent = $$('.profilesBlock')[0];
			} 
			if($('action').style.display == "block") {
				var _parent = $('action');
			}
			
			if(_parent.getElement('input[name=people]').value =="people") {
				var arrInput = arrDiv[0].getElements('input[type=checkbox]');
				for(var i = 0 ; i< arrInput.length; i++){
					if(arrInput[i].checked && arrInput[i].value!= "on") {
						strValue = strValue+',' + arrInput[i].value;
						strName = strName+'; '+ arrInput[i].getNext().innerHTML;
						
					}
				}
			} else {
				var arrInput = arrDiv[1].getElements('input[type=checkbox]');
				for(var i = 0 ; i< arrInput.length; i++){
					if(arrInput[i].checked && arrInput[i].value!= "on") {
						strValue = strValue+','+arrInput[i].value;
						strName = strName+'; '+arrInput[i].getNext().innerHTML;
					}
				}			
			}
				
			$('userId').value = strValue;			
			var strName = strName.split("____;")[1];
			if(strName) {
				$('txtUser').value = strName;
			} else {
				$('txtUser').value = '';
			}
			
			if(listIdAssign) {
				listIdAssign.value = strValue;
			}
			//close layer
			opaceIt($('layerAction'),0);
		});
	}	
}

function initSave() {	
	if(!$('frmOfficeSetup') && $('frmInitiative') && $('btnSaveInit')) {
		if($('btnSaveInit')) $('btnSaveInit').removeEvents().addEvent('click' , function(evt) {
	        evt.stop();
			var people = $('layerPopup').getElement('input[name=people]').value;			
			var _val = $('layerPopup').getElement('.tabMenu').getElement('li img');			
			if(_val.hasClass('imgSelected')){
				people = 'people';
				$('layerPopup').getElement('input[name=people]').value = 'people';
			}
			else{
				$('layerPopup').getElement('input[name=people]').value = 'team';
				people = 'team';
			}
			var tr = $(idLabel).getParent().getParent();			
			tr.getElement('input[name=people]').value = people;
			var arrtabContent = $('layerPopup').getElements('div.tabContent');
			var arrCheckBoxPeople = arrtabContent[0].getElements('input[type=checkbox]');
			var arrCheckBoxTeam = arrtabContent[1].getElements('input[type=checkbox]');
			var strValue = "";
			if(people == "people") {
				var flag = 0;
				arrCheckBoxPeople.each(function(el){
					if(el.checked == true && el.name !='name10') {
						flag++;
						strValue = strValue+','+el.value;
					}
				});
			} else {
				var flag = 0;
				arrCheckBoxTeam.each(function(el){
					if(el.checked == true && el.name !='name10') {
						flag++;
						strValue = strValue+','+el.value;
					}
				});
			}
			if(flag > 0) {
				strValue = strValue.substring(1);				
			}
			
			tr.getElement('input[name=list_id]').value = strValue;
			var txtRequency = tr.getElement('select[name=txtRequency]');
			if(txtRequency) {
				var onchangeStr = txtRequency.getProperty('onchange');
				// txtRequency.removeEvents('change').addEvent('change', function(e){
					
				// })	
			}
			
			opaceIt($('layerPopup'),0);

	        var request = new Request.JSON({
	        url: baseurl+"/initiativecomp/saveuser",	        
	        onComplete: function(responseText) {
				if(/DOCTYPE/i.test(responseText)){
					window.location = baseurl;
					return;
				}
				var data = responseText;
				//alert(data.AssignedTo);
				/*fill data for each intiative */
				var userID = tr.getElement('input[name=initiativecomp_id]').value;
				var userActioncomp_id = tr.getElement('input[name=actioncomp_id]').value;
				
				var assignedTo = $(idLabel).getParent();
				if($(idLabel).getParent().getNext().getNext()) {
				//if($(idLabel).getParent().getNext().getNext().getElement('label')) {					
					//var completeBy = $(idLabel).getParent().getNext().getNext().getElement('label');
					var completeBy = $(idLabel).getParent().getNext().getNext();
				}
				var status = $(idLabel).getParent().getNext().getNext().getNext().getElement('label');
				var startDateUser = $('StartDate' + userID);
				var iniStatus = $('iniStatus' + userID);
				////////////////////////
				
				assignedTo.innerHTML = data.AssignedTo;
				if(completeBy) completeBy.innerHTML = data.CompleteBy;				
				status.innerHTML = data.Status;
				if(data.iniStatus != '') {
					iniStatus.innerHTML = data.iniStatus;
				}
				if(data.StartDate != '' && startDateUser.innerHTML=='') {
					startDateUser.innerHTML = data.StartDate;
				}
				tooltipPopup();
				$('popup').reset();
				new imagePreset();
				callAjaxShowInforInitiative(userActioncomp_id , 1);
				loadCalenda();
	        },
	        onFailure:function(instance){
				document.location.reload();
			}			
		});    
		request.send($('popup'));
		
	    });	
		//for layer Vehicle
		if($('btnSaveInitVehicle')) $('btnSaveInitVehicle').removeEvents().addEvent('click' , function(evt) {
	        evt.stop();
			var people = $('layerVehicle').getElement('input[name=people]').value;
			var tr = $(idLabel).getParent().getParent();
			tr.getElement('input[name=people]').value = people;
			var arrtabContent = $('layerVehicle').getElements('div.tabContent');
			var arrCheckBoxPeople = arrtabContent[0].getElements('input[type=checkbox]');
			var strValue = "";
			if(people == "people") {
				arrCheckBoxPeople.each(function(el){
					if(el.checked== true) {
						strValue = strValue+','+el.value;
					}
				});
			} 
			tr.getElement('input[name=list_id]').value = strValue;
			opaceIt($('layerVehicle'),0);
	        var request = new Request.JSON({
	        url: baseurl+"/initiativecomp/saveuser",
	        method: 'post', 	        
	        onSuccess: function(responseText, responseXML) {
					if(/DOCTYPE/i.test(responseText)){
						window.location = baseurl;
						return;
					}
					var data = responseText;
					var parent = $(idLabel).getParent();
					parent.innerHTML = data.AssignedTo;
					tooltipPopup();
					$('popupVehicle').reset();
					new imagePreset();					
				},
				onFailure:function(instance){
				
				}
		    });    
		    request.send($('popupVehicle'));
	    });	
		//end
		/**/
		if($('layerPopup')) {
			var tableArr = $('layerPopup').getElements('.tabContent');
		} else if($('layerPopup')) {
			var tableArr = $('layerAction').getElements('.tabContent');
		} else {
			var tableArr = $$('.tabContent');
		}
		
		 //create code js for node check all
		 tableArr.each(function(el , index) {
			var checkBoxHeader = el.getElement('input[name=name10]');				
			var checkboxArr = el.getElements('input[type=checkbox]');
			checkboxArr.erase(checkboxArr[0]);
			totalCheck[index] = 0;
			
			//hot fix for initIniatiative Assign Layer 
			try {
				if(Browser.Engine.trident4) { 
					checkboxArr.length = checkboxArr.length - 1; 
				} 
			} catch(e) {}
			checkBoxHeader.addEvent('click' , function(evt){
				if(this.checked == true){
					checkboxArr.each(function(_el, _index){
						_el.checked = true;
						totalCheck[index] = checkboxArr.length;
					});
				} else {
					checkboxArr.each(function(_el, _index){
						_el.checked = false;
						totalCheck[index] = 0;
					});
				}
			});
			checkboxArr.each(function(_el){
				//first count
				if(_el.getProperty('name') != 'name10') {
					if(_el.checked){
						if(totalCheck[index] < checkboxArr.length ) {
							totalCheck[index]++;
						}
					}
				}
				//
				_el.removeEvents('click').addEvent('click', function(){
					if(this.checked == true){
						if(totalCheck[index] < checkboxArr.length ) {
							totalCheck[index]++;
						}
					} else {
						if(totalCheck[index] > 0) {
							totalCheck[index]--;
						}
					}
					
					if(totalCheck[index] == checkboxArr.length){
						checkBoxHeader.checked = true;						
					} else {
						checkBoxHeader.checked = false;
					}
				});
			});			
		});
	}	
}

/*
* @des:	recheck for check all input 
* @use:	Assign layer 
*/
function recheckAssignCheckAll() {
	var containter = $('layerPopup');
	if(!containter) return;
	var tableArr = containter.getElements('.tabContent');
	if(tableArr.length > 0) {
		tableArr.each(function(aTab , index) {
			var checkBoxHeader = aTab.getElement('input[name=name10]');
			var checkboxArr = aTab.getElements('input[type=checkbox]');			
			totalCheck[index] = 0; 			
			checkboxArr.each(function(_el){				
				if(_el.checked == true){
					if(totalCheck[index] < checkboxArr.length) {
						totalCheck[index]++;
					}
				} else {
					if(totalCheck[index] > 0) {
						totalCheck[index]--;
					}
				}			
			});
			
			//recheck for totalCheck			
			if(totalCheck[index] == checkboxArr.length){
				if(checkBoxHeader) checkBoxHeader.checked = true;				
			} else {
				if(checkBoxHeader) checkBoxHeader.checked = false;
			}		
		});
	}
}
function activeTRheaderIniatiative(elTr)	{	
	//get all td has class headerIniatiative
	var headerIniatiative = $$('.headerIniatiative');
	var showHideTr = $$('.showHideTr');	
	//
	if($('frmIniatiative')) {
		elTr.getElements('td').setStyle('border-bottom', '1px solid #D7D7D7');
		var nextelTr = elTr.getNext();
		nextelTr.getElement('td').setStyles({
			'border-bottom': '1px solid #F86F41',
			'border-right':'1px solid #F86F41',
			'border-left':'1px solid #F86F41'
		});
	}
	//get tr the end 
	var trArr = elTr.getNext().getElements('tr');
	var trEnd = trArr[trArr.length - 1];
	
	if(trEnd) {
		if(trArr.length == 1) {
			trEnd.getElements('th').setStyle('border-bottom' , 'none');
		}
		else {
			trEnd.getElements('td').setStyle('border-bottom' , 'none');
		}
	}	
	
	for(var i = 0 ; i < headerIniatiative.length ; i++){
		if(headerIniatiative[i] == elTr) {
			headerIniatiative[i].addClass('actived');
			var arrTd = headerIniatiative[i].getElements('td');
			arrTd.each(function(elTd, index){
				if(index == 0){
						elTd.addClass('firstActive');
					}
					if(index == arrTd.length - 1){
						elTd.addClass('lastActive');
					}
					elTd.addClass('active');
				});
			showHideTr[i].setStyle('display' , '');
			
			if(headerIniatiative[i-1]) {
				headerIniatiative[i-1].getElements('td').setStyle('border-bottom' , 'none');
			}
			//headerIniatiative[i].getElements('td').setStyle('border-bottom' , '1px solid #F86F41');
			if(i == 0 && $('frmIniatiative')) {
				$('frmIniatiative').getElement('thead').getElements('th').setStyle('border-bottom' , 'none');				
			}
			
		} else {
			if(headerIniatiative[i].hasClass('actived')) {
				if(headerIniatiative[i - 1]) {
					var arrTdbefore = headerIniatiative[i - 1].getElements('td');
					if(!arrTdbefore[0].hasClass('active'))
						arrTdbefore.setStyle('border-bottom' , '1px solid #D7D7D7');
				}
				headerIniatiative[i].getElements('td').setStyle('border-bottom' , '1px solid #D7D7D7');
				if(i == 0 && $('frmIniatiative')) {
					$('frmIniatiative').getElement('thead').getElements('th').setStyle('border-bottom' , '1px solid #D7D7D7');
				}
			}
			
			headerIniatiative[i].removeClass('actived');
			var arrTd = headerIniatiative[i].getElements('td');
			arrTd.each(function(elTd, index){
				if(index == 0) {
						elTd.removeClass('firstActive');
					}
					if(index == arrTd.length - 1){
						elTd.removeClass('lastActive');
					}
					elTd.removeClass('active');
			});
			//removeclass active fir select
			headerIniatiative[i].getElements('select').removeClass('actived');	
			showHideTr[i].setStyle('display' , 'none');
			var aImg = 	headerIniatiative[i].getElement('img');
			var srcImg = aImg.src;
			var srcImgNew = srcImg.replace('_down.gif', '_up.gif');
			aImg.src = srcImgNew;
			aImg.setProperties({
				'width' : '11px',
				'height' : '11px'
			});
		}
	}
}
function removeActiveTRheaderIniatiative(elTr)	{
	//get all td has class headerIniatiative
	var headerIniatiative = $$('.headerIniatiative');
	var showHideTr = $$('.showHideTr');
	for(var i = 0 ; i < headerIniatiative.length ; i++){
		headerIniatiative[i].removeClass('actived');
		var arrTd = headerIniatiative[i].getElements('td');
		arrTd.each(function(elTd, index){
			if(index == 0){
				elTd.removeClass('firstActive');
			}
			elTd.removeClass('lastActive');
			elTd.removeClass('active');
		});
		showHideTr[i].setStyle('display' , 'none');	
		if(headerIniatiative[i] == elTr) {
			if(headerIniatiative[i - 1]) {
				headerIniatiative[i - 1].getElements('td').setStyle('border-bottom' , '1px solid #D7D7D7');				
			}
			headerIniatiative[i].getElements('td').setStyle('border-bottom' , '1px solid #D7D7D7');
		}
	}
}
function callAjaxShowInforInitiative(value , seloption){
	if(seloption == 1){
		var _url = baseurl+"/initiativecomp/detailaction/actioncomp_id/"+value+"/transport_type/" + $('curr_transport').value;
	} else {
		var _url = baseurl+"/initiativecomp/getini/initiativecomp_id/"+value;
	}
	var request = new Request({
		url: _url,
		method: 'get', 
		headers: {'X-Request': 'JSON'},		
		onSuccess: function(responseText, responseXML) {
			if(/DOCTYPE/i.test(responseText)){
				window.location = baseurl;
				return;
			}
			var data = responseText;	
			$$('.profilesBlock')[0].innerHTML = data;			
			if(seloption == 1) {
				loadCalenda();
			}
			new imagePreset();
			initSave();
			if($('layerAction')) {
				assignTab = $('layerAction').getElement('.tabContent');
				setMenuTag($('layerAction'), assignTab);
			}
			//show layer confirm deleted
			confirmDeletedinitiativecomp();
			//clear layer
			
		},
		onFailure:function(instance) {
			
		}
	});	
	request.send();
}
function changeFrequency(action_id){
	var frequency = $('txtRequency_' + action_id).value;
	var container = $('layerAlertMessage');
	var currentSelect = $('txtRequency_' + action_id);
	var request = new Request.JSON({
		url: baseurl + "/initiativecomp/changefrequency/action_id/" + action_id +'/frequency/'+frequency,
		method: 'post',
		onRequest:function(){
			//
		},
		onSuccess: function(responseText, responseXML) {
			if(/DOCTYPE/i.test(responseText)){
				window.location = baseurl;
				return;
			}
			if(responseText.type == '0'){
				opaceIt($('layerAlertMessage'), 1);
				if($('contentMessage1')) {
					$('contentMessage1').getElement('p').set('html', responseText.value);
				}
				var btnOK = container.getElement('input[id=btnOk]');
				btnOK.addEvent('click', function(e){
					if(e) e.stop();			
					var currIndexValue = $('selectRequency_' + action_id).value;
					for(var i = 0; i < currentSelect.options.length; i++){
						if(currentSelect.options[i].value == currIndexValue) {
							currentSelect.selectedIndex = i;					
							break;
						}
					}
				});
				//container.getElement('.warningAlert').set('html', responseText.value);
			} else if(responseText.type == '1'){
				opaceIt($('frequencyLayer'), 0);
				var startDateAction = $('start_date_' + action_id);
				var statusAction = $('status_' + action_id);
				if(startDateAction) {
					startDateAction.getParent().set('html', responseText.value.start); 
				}
				if(statusAction) {
					statusAction.getParent().set('html', responseText.value.status); 
				}
				loadCalenda();
				$('selectRequency_' + action_id).value = currentSelect.options[currentSelect.selectedIndex].value;						
			} else {
				
			}
		},
		onFailure:function(instance){
			
		}
	});	
	request.send();
}
function changeRequencyType(action_id, people, form_id){
	changeFrequency(action_id); return;// This line was coded by NTT
	var container = $('frequencyLayer');
	var currentSelect = $('txtRequency_' + action_id);
	var listuser_id = currentSelect.getParent().getParent().getElement('input[name=list_id]');
	if(container) {
		new Request({
				url: baseurl + "/initiativecomp/loadfrequency/action_id/"+action_id +"/frequency/" +currentSelect.value + "/listuser_id/" + listuser_id.value.trim() + "/people/" +people + "/form_id/" + form_id,
				method: 'post',
				onSuccess: function(responseText, responseXML) {					
					$('frequencyContent').set('html', responseText);
					opaceIt($('frequencyLayer'), 1);					
					loadCalendaFrequency();
				}
		}).send();
		
		
		
		var btnCancel1 = container.getElement('input[id=btnCancel1]');
		btnCancel1.addEvent('click', function(e){
			if(e) e.stop();			
			var currIndexValue = $('selectRequency_' + action_id).value;
			for(var i = 0; i < currentSelect.options.length; i++){
				if(currentSelect.options[i].value == currIndexValue) {
					currentSelect.selectedIndex = i;					
					break;
				}
			}
			//currentSelect.selectedIndex = currIndexValue;
		});
		//////////////////////////////////
		var btnSaveFrequency = container.getElement('input[id=btnSaveFrequency]');
		btnSaveFrequency.removeEvents('click').addEvent('click', function(e){
			if(e) e.stop();
			var request = new Request.JSON({
				url: baseurl + "/initiativecomp/savefrequency",
				method: 'post',
				onRequest:function(){
					//
				},
				onSuccess: function(responseText, responseXML) {
					if(/DOCTYPE/i.test(responseText)){
						window.location = baseurl;
						return;
					}
					if(responseText.type == '0'){
						container.getElement('.warningAlert').set('html', responseText.value);
					} else if(responseText.type == '1'){
						opaceIt($('frequencyLayer'), 0);
						var startDateAction = $('start_date_' + action_id);
						var statusAction = $('status_' + action_id);
						if(startDateAction) {
							startDateAction.getParent().set('html', responseText.value.start); 
						}
						if(statusAction) {
							statusAction.getParent().set('html', responseText.value.status); 
						}
						loadCalenda();
						$('selectRequency_' + action_id).value = currentSelect.options[currentSelect.selectedIndex].value;						
					} else {
						
					}
					/*
					if(responseText == '1') {
						opaceIt($('frequencyLayer'), 0);
						
						if(typeValue == "2") {
						//using for one-time type
							var _htmlInitiative = new Element('img').setProperties({
								"class": "calDate",
								"alt": "Calendar",
								"title": "Calendar",
								"src": applicationurl + "/public/images/calendar_small.gif",
								"id": "aCalid" + action_id
							});
							
							var startDateAction = $('start_date_' + action_id);
							var statusAction = $('status_' + action_id);
								var _d = new Date();
								var shortYear = _d.getFullYear();
								shortYear = _d.getFullYear().toString().substring(2);									
								var _date = (MONTHS[_d.getMonth()])  + '.' + _d.getDate()  + '.' + shortYear;								
							if(startDateAction) {
								startDateAction.set('html', _date);
								if(!startDateAction.getParent().getElement('img')) {
									_htmlInitiative.clone().inject(startDateAction.getParent());
								}
							}								
							if(statusAction) {
								statusAction.set('html', 'Due ' + _date);
								if(!statusAction.getParent().getElement('img')) {
									_htmlInitiative.clone().inject(statusAction.getParent());
								}
							}	
							loadCalenda();
						}
						
					} else {
						container.getElement('.warningAlert').set('html', responseText);
					}
					*/
				},
				onFailure:function(instance){
					
				}
			});	
			request.send($('frmFrequencyLayer'));
		});
	}
	
}

function changFrequency(element){
	var value = $(element).getParent().getParent().getElement('input[name=actioncomp_id]').value;
	//var value = element.value;
	var request = new Request({
		url: baseurl+"/initiativecomp/savefrequency/actioncomp_id/"+value+"/frequency/"+element.value,
		method: 'get', 
		headers: {'X-Request': 'JSON'},		
		onSuccess: function(responseText, responseXML) {
			if(/DOCTYPE/i.test(responseText)){
				window.location = baseurl;
				return;
			}			
			
			/*fill data */
			if($(element).getParent()){
				if($(element).getParent().getNext()){
					if ($(element).getParent().getNext().getElement('label')) {
						$(element).getParent().getNext().getElement('label').innerHTML = responseText;
						//call
						var userActioncomp_id = $(element).getParent().getParent().getElement('input[name=actioncomp_id]').value;
						callAjaxShowInforInitiative(userActioncomp_id , 1);
					}
				}
			}
		},
		onFailure:function(instance){
		}
	});	
	request.send();
}


function changData(element){
	var value = element.getParent().getParent().getElement('input').value;
	var request = new Request({
		url: baseurl+"/initiativecomp/savescope/initiativecomp_id/"+value+"/name/"+element.value,
		method: 'get', 
		headers: {'X-Request': 'JSON'},		
		onSuccess: function(responseText, responseXML) {
			var data = responseText;			
			$$('.profilesBlock')[0].innerHTML = data;
			new imagePreset();
		},
		onFailure:function(instance){
		}
	});	
	request.send();
}
function openNitiative(){
	if($('nitiative')) {
		$$('.profilesBlock')[0].setStyle('display' , 'none');	
		//$('createNewAction').setStyle('display' , 'none');
		$('nitiative').setStyle('display' , 'block');
		//hidden id action
		$('action').setStyle('display' , 'none');
	}
}

function openAction(){
	if($('action')) {
		$$('.profilesBlock')[0].setStyle('display' , 'none');
		$('nitiative').setStyle('display' , 'none');
		$('action').setStyle('display' , 'block');
	}
}
function changDataCalendar(element , valueCalendar, _option){
	
	if(_option == 1) {
		var value = element.getParent().getParent().getElement('input[name=actioncomp_id]').value;
		var select = element.getParent().getParent().getElement('select[name=txtRequency]');
		if(select) {
			valueSelect = select.value;
		} else {
			valueSelect = "";
		}
		if(element.id.contains('status')) {
			var type = 1; //Start Date
		} else {
			var type = 0; // Status date
		}
		var _url = baseurl + "/initiativecomp/savecomdate/actioncomp_id/" + value + "/date/" + valueCalendar + '/frequency/' + valueSelect + '/type/' + type;		
		
	} else {
		if(element.getParent().getParent().getElement('input')){
			var value = element.getParent().getParent().getElement('input').value;		
		} else if(element.getParent().getParent().getParent().getElement('input')){
			var value = element.getParent().getParent().getParent().getElement('input').value;
		}		
		
		var _url = baseurl+"/initiativecomp/saveuserini/initiativecomp_id/"+value+"/date/"+valueCalendar;
	}	
	var request = new Request({
		url: _url,
		method: 'get', 
		headers: {'X-Request': 'JSON'},		
		onSuccess: function(responseText, responseXML) {
			if(/DOCTYPE/i.test(responseText)){
				window.location = baseurl;
				return;
			}
			var data = responseText;	
			if(data !="") {
				if(_option == 1) {					
					if(element.id == "" || element.id.contains('start_date')){						
						element.getParent().getNext().set('html', data);
						loadCalenda();
						loadCalendaFrequency();
					}
				} else {
					$$('.profilesBlock')[0].innerHTML = data;				
				}
				new imagePreset();				
			}
		},
		onFailure:function(instance){
		}
	});	
	request.send();
}

function confirmDeletedinitiativecomp() {
	var idDeleted = $('deleteAction');
	
	if(idDeleted) {
		idDeleted.removeEvents().addEvent('click' , function(evt) {
			evt.stop();
			var _href = idDeleted.getProperty('href');	
			opaceIt($('layerConfirmMessage') , 1 , "Are you sure you want to delete this <b>"+$$('.profilesBlock')[0].getElement('input[type=text]').value + "</b> from initiative");
            $('layerConfirmMessage').getElements('input')[0].removeEvents().addEvent('click' , function(evt) {
                document.location.href = _href;
            });
            
		});
	}
}
//showAssignLayer('','layerPopup',1,1785, 609,'id1785')
function showAssignLayer(form_id, layerName, opaceTo , valueid , valueidInti , _idLabel){
	opaceIt($(layerName),opaceTo,valueid, valueidInti, _idLabel);
	/*
		if(form_id==9) {
			opaceIt($('layerVehicle'),opaceTo,valueid, valueidInti,_idLabel);
		}
		else {
			opaceIt($(layerName),opaceTo,valueid, valueidInti, _idLabel);
		}	
	*/
}