window.addEvent('load' , function() {
	addEventAlertLink('');
	ajax_loadAlertForm('');
	initFrmListAlert('');
	
	addEventAlertLink('1');
	ajax_loadAlertForm('1');
	initFrmListAlert('1');
	
	loadUserList();
	loadSurveyList();
	//initFrmEmployee();
	//initFrmSurvey();
});
function initFrmSurvey(){
	
	var frmId= $('frmSurveyReportCard');
	if(frmId) {
		var formValidate = [];
		formObj = new htmlform(frmId, formValidate,{
			alertType: "layer",
			layerWidth: 136,
			hideInterval: 2000 ,
			onSubmit: function(){    
				frmId.submit();
			}
		});
		$('btnSurvey').removeEvents().addEvent('click' , function(evt) {
			$('btnSurvey').blur();	
			evt.stop();
			var urlActivate = baseurl +'/alertcustomize/activatesurvey';
			var flagCheckbox = false;
			var arrCheckbox = frmId.getElements('input[type=checkbox]');
			if(arrCheckbox.length==1) return false;
			arrCheckbox.each(function(elCheckbox , index) {
				if(elCheckbox.checked) {
					flagCheckbox = true;				
				}
			});
			
	
			if(!flagCheckbox) {
				formObj.showAlertLayer(arrCheckbox[arrCheckbox.length -1], Alert.messageAlert.txtCheckbox);
				return true;
			}
			opaceIt($('layerConfirmMessage') , 1 , "Are you sure you want to activate survey?");
			//addEvent for click ok form confirm delete			
			$('layerConfirmMessage').getElements('input')[0].removeEvents().addEvent('click' , function(){
				frmId.action=urlActivate;
				opaceItCustom($('layerConfirmMessage'),0);			
				frmId.submit();
			});
		
		});	
	}
}
function initFrmEmployee(){
	var frmId= $('frmEmployeesReportCard');
	if(frmId) {
		if($('btnSuspend')){
			$('btnSuspend').removeEvents().addEvent('click' , function(evt) {
				$('btnSuspend').blur();	
				evt.stop();
				var url = baseurl +'/alertcustomize/suspend/cmd/1';
				/**/
				var flagCheckbox = false;
				var arrCheckbox = frmId.getElements('input[type=checkbox]');
				arrCheckbox.each(function(elCheckbox , index) {
					if(elCheckbox.checked) {
						flagCheckbox = true;				
					}
				});
				if(!flagCheckbox) {
					formObj.showAlertLayer(arrCheckbox[arrCheckbox.length -1], Alert.messageAlert.txtCheckbox);
					return true;
				}
				opaceIt($('layerConfirmMessage') , 1 , "Are you sure you want to suspend?");				
				$('layerConfirmMessage').getElements('input')[0].removeEvents().addEvent('click' , function(){
					frmId.action=url;
					opaceItCustom($('layerConfirmMessage'),0);			
					frmId.submit();
				});
			});	
		}
		
		$('btnActivate').removeEvents().addEvent('click' , function(evt) {
			$('btnActivate').blur();	
			evt.stop();
			var url = baseurl +'/alertcustomize/suspend/cmd/0';
			/**/
			var flagCheckbox = false;
			var arrCheckbox = frmId.getElements('input[type=checkbox]');
			arrCheckbox.each(function(elCheckbox , index) {
				if(elCheckbox.checked) {
					flagCheckbox = true;				
				}
			});
			if(!flagCheckbox) {
				formObj.showAlertLayer(arrCheckbox[arrCheckbox.length -1], Alert.messageAlert.txtCheckbox);
				return true;
			}
			
			opaceIt($('layerConfirmMessage') , 1 , "Are you sure you want to activate?");			
			$('layerConfirmMessage').getElements('input')[0].removeEvents().addEvent('click' , function(){
				frmId.action=url;
				opaceItCustom($('layerConfirmMessage'),0);			
				frmId.submit();
			});
		});
		

		$('btnResetPass').removeEvents().addEvent('click' , function(evt) {
			$('btnResetPass').blur();	
			evt.stop();
			var urlReset = baseurl +'/alertcustomize/resetpass';
			/**/
			var flagCheckbox = false;
			var arrCheckbox = frmId.getElements('input[type=checkbox]');
			arrCheckbox.each(function(elCheckbox , index) {
				if(elCheckbox.checked) {
					flagCheckbox = true;				
				}
			});
			

			if(!flagCheckbox) {
				formObj.showAlertLayer(arrCheckbox[arrCheckbox.length -1], Alert.messageAlert.txtCheckbox);
				return true;
			}
			
			opaceIt($('layerConfirmReset') , 1 , "Are you sure you want to reset password?");
			//addEvent for click ok form confirm delete
			$('btnConfirmResetOk').removeEvents().addEvent('click' , function(){
				frmId.action=urlReset;
				opaceItCustom($('layerConfirmReset'),0);			
				frmId.submit();
			});
			
		});		
		//setCheckBoxLayerAssginCusTom(frmId);
	}
}

function ajax_loadAlertForm(index) {
	if(!$('frmListAlert'+index)) {
		return true;
	}
	if($('frmListAlert'+index).getElement('p.addNew'))
	$('frmListAlert'+index).getElement('p.addNew').getElement('a').addEvent('click', function(evt){
		try{
				$('divLeftForm').innerHTML = "";
				var srcImg = baseurl+"/../public/images/ajaxloading.gif";
				var theDiv = new Element('img', {'src':srcImg, 'padding': '0px 0px 0px 330px'}).inject($('divLeftForm'));		
				theDiv.setStyle('padding', '50px 10px 50px 60px');
			} catch(err){}	
		evt.stop();
		var request = new Request({
				url: this.getProperty('href'),
				method: 'get', 
				headers: {'X-Request': 'JSON'},		
				onSuccess: function(responseText, responseXML) {
					if(/DOCTYPE/i.test(responseText)){
						window.location = baseurl;
						return;
					}
					$('divLeftForm').innerHTML = responseText;
					new imagePreset();
					initFrmAlertForm();
				},
				onFailure:function(instance){
				}
			});	
			request.send();
	});		
}
function initFrmAlertForm() {
    var frmId = $('frmAlertForm');
    if(!frmId) return;
    var formValidate = [{    
        field : "txtName",
        valid : "required",
        alert : "Please enter alert name"
    },{    
        field : "txtDescription",
        valid : "required",
        alert : "Please enter alert description"
    },{    
        field : "txtSms",
        maxLength : 140,
        alert : "Please input less than 140 characters!"
    }
	];
    formObj = new htmlform(frmId, formValidate,{
        alertType: "layer",
        layerWidth: 136,
        hideInterval: 2000 ,
        onSubmit: function(){
			if(frmId.getElement("input[id=txtStart]") && frmId.getElement("input[id=txtEnd]")) {
				var theDateFrom = frmId.getElement("input[id=txtStart]");
				var valueForm = theDateFrom.value.trim();
				var theDateTo = frmId.getElement("input[id=txtEnd]");
				var valueTo = theDateTo.value.trim();				
				var arrDateForm = valueForm.split(".");
				var flag = false;
				y1 = arrDateForm[2];
				m1 = arrDateForm[0];
				d1 = arrDateForm[1];
				
				var arrDateTo = valueTo.split(".");
				y2 = arrDateTo[2];
				m2 = arrDateTo[0];
				d2 = arrDateTo[1];				
			
				var theDateFrom_ = new Date(y1,m1,d1);
				var theDateTo_ = new Date(y2,m2,d2);
				if(theDateFrom_ > theDateTo_) {
					formObj.showAlertLayer(theDateFrom, Alert.messageAlert.txtInvalidDate);
					return false;
				}		
			}	
            //frmId.submit();
			
			var req = new Request({
			url: frmId.action,
			method:'post',
			onRequest:function(){},
			onSuccess: function(responseText, responseXML) {
				if(/DOCTYPE/i.test(responseText)){
					window.location = baseurl;
					return;
				}
				$('divLeftForm').innerHTML = responseText;
				/*
				if($('spAlertStatus'+frmId.id.value)){
					var msgPublish  = "You have successfully published a new alert";
					var msgUnpublish  = "You have successfully unpublished this alert";
					var msgArchive  = "You have successfully archived this alert";
					var flagAlert = 0;
					var arrOpts = frmId.getElements('input[type=radio]');
					arrOpts.each(function(opt, index){
						if(opt.checked) flagAlert = index;
					});
					if(flagAlert == 0) {
						opaceIt($('layerAlertMessage') , 1 , msgPublish);
					} else if(flagAlert == 1) {
						opaceIt($('layerAlertMessage') , 1 , msgUnpublish);
					} else {
						opaceIt($('layerAlertMessage') , 1 , msgArchive);
					}
					
				}else {
					opaceIt($('layerAlertMessage') , 1 , "You have successfully added a new alert");
				}
				*/
				var msgPublish  = "You have successfully published a new alert";
				var msgUnpublish  = "You have successfully unpublished this alert";
				var msgArchive  = "You have successfully archived this alert";
				var msgAdd  = "You have successfully added a new alert";
				var flagAlert = -1;
				var arrOpts = frmId.getElements('input[type=radio]');
				arrOpts.each(function(opt, index){
					if(opt.checked) flagAlert = index; return false;
				});
				if(flagAlert == 0) {
					opaceIt($('layerAlertMessage') , 1 , msgPublish);
				} else if(flagAlert == 1) {
					opaceIt($('layerAlertMessage') , 1 , msgUnpublish);
				} else if (flagAlert == 2) {
					opaceIt($('layerAlertMessage') , 1 , msgArchive);
				} else {
					opaceIt($('layerAlertMessage') , 1 , msgAdd);
				}
				
			}
			});
			req.send(frmId);
        }
    });	
	
	
	
	if(frmId.getElement('input[id=btnDelete]'))
	frmId.getElement('input[id=btnDelete]').removeEvents().addEvent('click' , function(evt) {
		evt.stop();
		
		opaceIt($('layerConfirmMessage') , 1 , "Are you sure you want to delete?");
		//addEvent for click ok form confirm delete
		$('layerConfirmMessage').getElements('input')[0].removeEvents().addEvent('click' , function(){
			opaceIt($('layerConfirmMessage') , 0);
			var req = new Request({
				url: baseurl +'/alertcustomize/delalertone/id/' + frmId.getElement('input[id=message_id]').value,
				method:'get',
				onRequest:function(){},
				onSuccess: function(responseText, responseXML) {
					window.location.reload();
				}
			});
			req.send();
		});
	
	});
	
	loadCalenda();
}
function initFrmListAlert(index) {	
    var frmId = $('frmListAlert'+index);
    if(!frmId) return;
    var formValidate = [];
    formObj = new htmlform(frmId, formValidate,{
        alertType: "layer",
        layerWidth: 136,
        hideInterval: 2000 ,
        onSubmit: function(){    
            frmId.submit();
        }
    });
	
	$('btnDelAlert'+index).removeEvents().addEvent('click' , function(evt) {
		evt.stop();
		$('btnDelAlert'+index).blur();
		if($(frmId)) {
			var urlDelete = frmId.action;//baseurl +'/alertcustomize/delalert';
		}
		var flagCheckbox = false;
		var arrCheckbox = frmId.getElements('input[type=checkbox]');
		arrCheckbox.each(function(elCheckbox , index) {
			if(elCheckbox.checked) {
				flagCheckbox = true;				
			}
		});
		

		if(!flagCheckbox) {
			formObj.showAlertLayer(arrCheckbox[arrCheckbox.length -1], Alert.messageAlert.txtCheckbox);
			return true;
		}
		if(frmId.action.substr(-10)=='setarchive')
			opaceIt($('layerConfirmMessage') , 1 , "Are you sure you want to archive?");
		else
			opaceIt($('layerConfirmMessage') , 1 , "Are you sure you want to delete?");
		//addEvent for click ok form confirm delete
		$('layerConfirmMessage').getElements('input')[0].removeEvents().addEvent('click' , function(){
			opaceIt($('layerConfirmMessage') , 0);
			var req = new Request({
				url: urlDelete,
				method:'post',
				onRequest:function(){},
				onSuccess: function(responseText, responseXML) {
					if(/DOCTYPE/i.test(responseText)){
						window.location = baseurl;
						return;
					}
					if($('alertList'+index))
						$('alertList'+index).innerHTML = responseText;
					addEventAlertLink(index);	
					if($$('.tdActive')[0]) $$('.tdActive')[0].setStyle('top', '-1500px');
					
					initFrmListAlert(index);
					ajax_loadAlertForm(index);
					checkBoxHeaderFrm(frmId);
				}
			});
			req.send(frmId);
		});
		
	});
	
	$('btnEditAlert'+index).removeEvents().addEvent('click' , function(evt) {
		evt.stop();
		var flagCheckbox = false;
		var inputValue = 0;
		var arrCheckbox = frmId.getElements('input[type=checkbox]');
		arrCheckbox.each(function(elCheckbox , index) {
			if(elCheckbox.checked) {
				if(inputValue == 0 )
					inputValue = elCheckbox.value;
				flagCheckbox = true;				
			}
		});
		

		if(!flagCheckbox) {
			formObj.showAlertLayer(arrCheckbox[arrCheckbox.length -1], Alert.messageAlert.txtCheckbox);
			return true;
		}
		var request = new Request({
			url: baseurl+"/alertcustomize/addalertform/id/"+inputValue,
			method: 'get', 
			headers: {'X-Request': 'JSON'},		
			onSuccess: function(responseText, responseXML) {
				if(/DOCTYPE/i.test(responseText)){
					window.location = baseurl;
					return;
				}
				$('divLeftForm').innerHTML = responseText;	
				new imagePreset();
				initFrmAlertForm();
			},
			onFailure:function(instance){
				
			}
		});	
		request.send();
		
	});
}
function ajaxLoadUserList(_url) {	
	try{		
		$('userList').innerHTML='';
		var srcImg = baseurl+"/../public/images/ajaxLoaderMyplan.gif";
		var theDiv = new Element('img', {'src':srcImg, 'padding': '0px 0px 0px 330px'}).inject($('userList'));		
		theDiv.setStyle('padding', '0px 0px 0px 330px');
	} catch(err){}	
	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;
			}
			$('userList').innerHTML = responseText;
			loadUserList();
			checkBoxHeaderCompany();			
			setMenuTag();
		},
		onFailure:function(instance){			
		}
	});	
	request.send();
}
function ajaxLoadSurveyList(_url) {	
	try{
		//$('userList').getElement('table').dispose();
		$('surveyList').innerHTML='';
		var srcImg = baseurl+"/../public/images/ajaxLoaderMyplan.gif";
		var theDiv = new Element('img', {'src':srcImg, 'padding': '0px 0px 0px 330px'}).inject($('surveyList'));		
		theDiv.setStyle('padding', '0px 0px 0px 330px');
	} catch(err){}	
	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;
			}
			$('surveyList').innerHTML = responseText;
			loadSurveyList();
			checkBoxHeaderFrm($('frmSurveyReportCard'));
		},
		onFailure:function(instance){			
		}
	});	
	request.send();
}
function ajaxLoadAlertList(_url,index) {	
	try{
		//$('alertList').getElement('table').dispose();
		$('alertList'+index).innerHTML ='';
		var srcImg = baseurl+"/../public/images/ajaxLoaderMyplan.gif";
		var theDiv = new Element('img', {'src':srcImg, 'padding': '0px 0px 0px 330px'}).inject($('alertList'+index));		
		theDiv.setStyle('padding', '0px 0px 0px 330px');
	} catch(err){}	
	var request = new Request({
		url: _url,
		method: 'get', 
		headers: {'X-Request': 'JSON'},		
		onSuccess: function(responseText, responseXML) {
			$('alertList'+index).innerHTML = responseText;
			ajax_loadAlertForm(index);			
			addEventAlertLink(index);
			checkBoxHeaderFrm($('frmListAlert'));
			checkBoxHeaderFrm($('alertList'+index));			
		},
		onFailure:function(instance){			
		}
	});	
	request.send();
}
function loadUserList(){
	initFrmEmployee();	
	employeeReportCardStatus();
	if($('tbListUser')) {
		var aLinkArr = $('tbListUser').getElement('thead').getElements('a');
		aLinkArr.each(function(alink){
			alink.addEvent('click', function(evt){
				evt.stop();
				var _url = this.getProperty('href');				
				ajaxLoadUserList(_url);				
			});
		});
	}	
	if($('userList') && $('userList').getElement('div.paging') && $('userList').getElement('div.paging').getElements('a')[0]) {
		var aLinkArr = $('userList').getElement('div.paging').getElements('a');
		aLinkArr.each(function(alink){
			alink.addEvent('click', function(evt){
				evt.stop();
				var _url = this.getProperty('href');				
				ajaxLoadUserList(_url);
				
			});
		});
	}
	if($('userList') && $('userList').getElement('div.pagingDue') && $('userList').getElement('div.pagingDue').getElements('a')[0]) {
		var aLinkArr = $('userList').getElement('div.pagingDue').getElements('a');
		aLinkArr.each(function(alink){
			alink.addEvent('click', function(evt){
				evt.stop();
				var _url = this.getProperty('href');				
				ajaxLoadUserList(_url);
				
			});
		});
	}
	/*
	if($('btnSuspend')){
		$('btnSuspend').disabled = true;
		$('btnSuspend').addClass('disabled');
		$('btnSuspend').src = $('btnSuspend').src.replace('_n.gif', '_inactive.gif');
	}
	if($('btnActivate')){
		$('btnActivate').disabled = true;
		$('btnActivate').addClass('disabled');
		$('btnActivate').src = $('btnActivate').src.replace('_n.gif', '_inactive.gif');
	}
	if($('btnResetPass')){
		$('btnResetPass').disabled = true;
		$('btnResetPass').addClass('disabled');
		$('btnResetPass').src = $('btnResetPass').src.replace('_n.gif', '_inactive.gif');
	}
	
	*/
	if($('frmEmployeesReportCard')) {
		var arrCheckbox = $('frmEmployeesReportCard').getElements('input[type=radio]');
			arrCheckbox.each(function(elRadio , index) {
				elRadio.addEvent('click', function(evt){
					//evt.stop();
					var active = this.getParent().getElements('input[type=hidden]')[0].value;
					if(active=='0'){
						$('btnSuspend').disabled = false;
						$('btnSuspend').removeClass('disabled');
						$('btnSuspend').src = $('btnSuspend').src.replace('_inactive.gif', '_n.gif');
						$('btnActivate').disabled = true;
						$('btnActivate').addClass('disabled');
						$('btnActivate').src = $('btnActivate').src.replace('_n.gif', '_inactive.gif');
						$('btnResetPass').disabled = false;
						$('btnResetPass').removeClass('disabled');
						$('btnResetPass').src = $('btnResetPass').src.replace('_inactive.gif', '_n.gif');
					}else{
						$('btnSuspend').disabled = true;
						$('btnSuspend').addClass('disabled');
						$('btnSuspend').src = $('btnSuspend').src.replace('_n.gif', '_inactive.gif');
						$('btnActivate').disabled = false;
						$('btnActivate').removeClass('disabled');
						$('btnActivate').src = $('btnActivate').src.replace('_inactive.gif', '_n.gif');
						$('btnResetPass').disabled = true;
						$('btnResetPass').addClass('disabled');
						$('btnResetPass').src = $('btnResetPass').src.replace('_n.gif', '_inactive.gif');
					}
					new imagePreset();					
				});
			});
	}

	
	
}

/**-----------------------------------------------------------------------------------------
	@write H.P
	@description using for Employee Report Card table, set status of button
	@paramater null
	@return null
-------------------------------------------------------------------------------------------**/
function employeeReportCardStatus(){
	var frmEmployeesReport = $('frmEmployeesReportCard');
	if(!frmEmployeesReport) return;	
	var arrListChk = frmEmployeesReport.getElement('div[id=userList]').getElements('input[type=checkbox]');
	/*reset state buttons*/
	setNormalBtn(btnSuspend);
	setInactiveBtn(btnActivate);
	setNormalBtn(btnResetPass);
	
	if(arrListChk.length){
		var arrCheckBoxHeader = arrListChk[0];
		arrListChk.erase(0);
		var btnSuspend = $('btnSuspend');
		var btnActivate = $('btnActivate');
		var btnResetPass = $('btnResetPass');
		var temp = 0;
		var tempActive = 0;
		var tempSuspend = 0;
		var isActivate = new Array(arrListChk.length);		
		//add Event click for each checkbox
		arrListChk.each(function(chkItem, index){
			if(chkItem.get('name') != 'ckCheckAll') {
				if(chkItem.getNext()){
					if(chkItem.getNext().get('value').trim() == 0) {
						isActivate[index] = true;
					} else {
						isActivate[index] = false;							
					}
				}
				//////////////////				
				chkItem.removeEvents('click').addEvent('click', function(e){
					if(this.checked){
						if(temp < arrListChk.length) temp++;
						////////////////////////////	
						if(index > 0) {
							if(isActivate[index]) {
								if(tempActive < arrListChk.length)	tempActive++;					
							} else {					
								if(tempSuspend < arrListChk.length)	tempSuspend++;				
							}
						}
					} else {
						if(temp > 0) temp--;
						if(chkItem.getNext().get('value').trim() == 1) {
							if(tempSuspend > 0) tempSuspend--;
						} else {
							if(tempActive > 0) tempActive--;
						}
					}
					checkStatus(index);
				})
			}
		});
		arrCheckBoxHeader.addEvent('click', function(e){
				if(this.checked){
					temp = arrListChk.length;
					tempActive = 0;
					tempSuspend = 0;
					arrListChk.each(function(chkItem, index){
						if(chkItem.getNext()){
							if(chkItem.getNext().get('value').trim() == 0) {
								if(tempActive < arrListChk.length)	tempActive++;
							} else {
								if(tempSuspend < arrListChk.length)	tempSuspend++;
							}
						}
					});					
				} else {
					temp = 0;												
				}
				checkStatus(-1);
			});
	}						
							
	//sub function checkStatus
	function checkStatus(i){		
		//Case 01 :: 1 checkbox = true (suspend or active)
		//Case 02 :: some checkboxs = true (suspend or active)
		//Case 03 :: all checkboxs = true (suspend or active)		
		if (temp > 0 ){
			if (temp == 1){
				//case 01						
				if (arrListChk[i].checked){
					if (isActivate[i]) {
						setNormalBtn(btnSuspend);
						setNormalBtn(btnResetPass);
						setInactiveBtn(btnActivate);
					} else {
						setNormalBtn(btnActivate);
						setInactiveBtn(btnSuspend);
						setInactiveBtn(btnResetPass);
					}
				}
				if (tempActive == 0  && tempSuspend == 0) {							
					if(i == -1) {
						setNormalBtn(btnSuspend);
						setInactiveBtn(btnActivate);
						setNormalBtn(btnResetPass);
					} else {
						setInactiveBtn(btnActivate);
						setInactiveBtn(btnResetPass);
						setInactiveBtn(btnSuspend);
					}
				} else if (tempActive == 0  && tempSuspend > 0){
					setNormalBtn(btnActivate);
					setInactiveBtn(btnResetPass);
					setInactiveBtn(btnSuspend);
				} else if(tempActive > 0 && tempSuspend == 0){
					setInactiveBtn(btnActivate);
					setNormalBtn(btnResetPass);
					setNormalBtn(btnSuspend);
				}
			} else if (temp < arrListChk.length - 1){
				//case 02
				if(tempActive > 0 && tempSuspend == 0) {							
					setInactiveBtn(btnActivate);
					setNormalBtn(btnResetPass);
					setNormalBtn(btnSuspend);
				} else if(tempActive == 0  && tempSuspend > 0) {							
					setNormalBtn(btnActivate);
					setInactiveBtn(btnResetPass);
					setInactiveBtn(btnSuspend);
				} else if(tempActive >= 0  && tempSuspend > 0) {							
					setNormalBtn(btnActivate);
					setNormalBtn(btnResetPass);
					setNormalBtn(btnSuspend);
				}				
			} else {
				//case 03
				if(tempActive > 0 && tempSuspend == 0) {							
					setInactiveBtn(btnActivate);
					setNormalBtn(btnResetPass);
					setNormalBtn(btnSuspend);
				} else if(tempActive == 0  && tempSuspend > 0) {							
					setNormalBtn(btnActivate);
					setInactiveBtn(btnResetPass);
					setInactiveBtn(btnSuspend);
				} else if(tempActive >= 0  && tempSuspend > 0) {							
					setNormalBtn(btnActivate);
					setNormalBtn(btnResetPass);
					setNormalBtn(btnSuspend);
				}
			}
		} else {
			if (tempActive == 0  && tempSuspend == 0) {
				setNormalBtn(btnSuspend);
				setInactiveBtn(btnActivate);
				setNormalBtn(btnResetPass);
			} else if(i == -1) {
				setNormalBtn(btnSuspend);
				setInactiveBtn(btnActivate);
				setNormalBtn(btnResetPass);
			} else {
				setInactiveBtn(btnSuspend);
				setInactiveBtn(btnActivate);
				setInactiveBtn(btnResetPass);
			}
			temp = 0;
			tempActive = 0;
			tempSuspend = 0;
		}
		
	}
}
/**-----------------------------------------------------------------------------------------
	@write H.P
	@init set normal for button
	@paramater null
	@return null
-------------------------------------------------------------------------------------------**/

function  setNormalBtn(btn) {
	if(!btn) return;	
	btn.src = btn.src.replace('_inactive.', '_n.');
	btn.setStyle('cursor', 'pointer');
	btn.disabled = false;
	btn.removeProperty('disabled');
	new imagePreset({selector: btn.getParent()});
	//new imagePreset();
}


function  setInactiveBtn(btn) {
	if(!btn) return;	
	btn.src = btn.src.replace('_n.', '_inactive.');
	btn.src = btn.src.replace('_o.', '_inactive.');
	btn.setStyle('cursor', 'default');
	btn.disabled = true;
	btn.setProperty('disabled', 'disabled');
	new imagePreset({selector: btn.getParent()});
	//new imagePreset();
}

function loadSurveyList(){
	initFrmSurvey();
	if($('tbListSurvey')) {
		var aLinkArr = $('tbListSurvey').getElement('thead').getElements('a');
		aLinkArr.each(function(alink){
			alink.addEvent('click', function(evt){
				evt.stop();
				var _url = this.getProperty('href');				
				ajaxLoadSurveyList(_url);
			});
		});
	}	
	if($('surveyList') && $('surveyList').getElement('div.pagingDue') && $('surveyList').getElement('div.pagingDue').getElements('a')[0]) {
		var aLinkArr = $('surveyList').getElement('div.pagingDue').getElements('a');
		aLinkArr.each(function(alink){
			alink.addEvent('click', function(evt){
				evt.stop();
				var _url = this.getProperty('href');				
				ajaxLoadSurveyList(_url);
			});
		});
	}
	if($('surveyList') && $('surveyList').getElement('div.paging') && $('surveyList').getElement('div.paging').getElements('a')[0]) {
		var aLinkArr = $('surveyList').getElement('div.paging').getElements('a');
		aLinkArr.each(function(alink){
			alink.addEvent('click', function(evt){
				evt.stop();
				var _url = this.getProperty('href');				
				ajaxLoadSurveyList(_url);
			});
		});
	}	
}
function addEventAlertLink(index) {
	if($('tbAlertCustomize'+index)) {
		var aLinkArr = $('tbAlertCustomize'+index).getElement('thead').getElements('a');
		aLinkArr.each(function(alink){
			alink.addEvent('click', function(evt){
				evt.stop();
				var _url = this.getProperty('href');
				$$('.tdActive')[0].setStyles({'top': "-1500px"});
				ajaxLoadAlertList(_url,index);
			});
		});
	}
	if($('frmListAlert'+index)){
		var frmId = $('frmListAlert'+index);
		var headerMyPlan = $('alertList'+index).getElements('.headerMyPlan');
		//each
		headerMyPlan.each(function(el) {
			//addEvent click for td
			el.getElements('td')[1].removeEvents().addEvent('click' , function(evt) {
				try{
					$('divLeftForm').innerHTML = "";
					var srcImg = baseurl+"/../public/images/ajaxloading.gif";
					var theDiv = new Element('img', {'src':srcImg, 'padding': '0px 0px 0px 330px'}).inject($('divLeftForm'));		
					theDiv.setStyle('padding', '50px 10px 50px 60px');
				} catch(err){}																			   
				evt.stop();
				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);				
				
				activeTRheaderMyPlan(el);			
				
				var inputValue = this.getParent().getElement('input').value;
				var request = new Request({
					url: baseurl+"/alertcustomize/addalertform/id/"+inputValue,
					method: 'get', 
					headers: {'X-Request': 'JSON'},		
					onSuccess: function(responseText, responseXML) {
						if(/DOCTYPE/i.test(responseText)){
							window.location = baseurl;
							return;
						}
						$('divLeftForm').innerHTML = responseText;
						new imagePreset();
						initFrmAlertForm();
						if($("maxlengthCharacters")) {
							$("maxlengthCharacters").set('html', (140 - ($("txtSms").value.length -1)));
						}
					},
					onFailure:function(instance){
						
					}
				});	
				request.send();
			});
		});	
	}
	if($('alertList'+index) && $('alertList'+index).getElement('div.paging') && $('alertList'+index).getElement('div.paging').getElements('a')[0]) {
		var aLinkArr = $('alertList'+index).getElement('div.paging').getElements('a');
		aLinkArr.each(function(alink){
			alink.addEvent('click', function(evt){
				evt.stop();
				var _url = this.getProperty('href');				
				ajaxLoadAlertList(_url,index);
			});
		});
	}
	if($('alertList'+index) && $('alertList'+index).getElement('div.pagingDue') && $('alertList'+index).getElement('div.pagingDue').getElements('a')[0]) {
		var aLinkArr = $('alertList'+index).getElement('div.pagingDue').getElements('a');
		aLinkArr.each(function(alink){
			alink.addEvent('click', function(evt){
				evt.stop();
				var _url = this.getProperty('href');				
				ajaxLoadAlertList(_url,index);
			});
		});
	}
}

/**-----------------------------------------------------------------------------------------
	@write Kim.Nguyen
	@init menu tag, checkbox header, auto checkbox
	@paramater element popup, element tag, array id of check box string
	@return null
-------------------------------------------------------------------------------------------*/
function setMenuTag(thisObj , firstActive , arrValueCheckboxid) {
	if(!thisObj || !$(thisObj)) return;	
	var btnSuspend = $('btnSuspend');
	var btnActivate = $('btnActivate');
	var btnResetPass = $('btnResetPass');
	if(thisObj.getElement('div.tabMenu')) {
		var arrTagMenu = thisObj.getElement('div.tabMenu').getElement('ul').getChildren();
	}
	if($('layerAction')) {
		var someone = $('layerAction').getElement('input[name=someone]');
	}
	var arrTagContent = thisObj.getElements('div.tabContent');
	var arrTagImg = thisObj.getElement('div.tabMenu').getElement('ul').getElements('img');
	arrTagContent.setStyle('display' , 'none');
	 //create code js for node check all	 
	 arrTagContent.each(function(el , index) {
		var checkBoxHeader = el.getElement('input[name=name10]');
		//reset unchecked on checkBoxHeader
		checkBoxHeader.checked = false;
		var checkboxArr = el.getElements('input[type=checkbox]');	
		checkboxArr.erase(checkboxArr[0]);		
		totalCheck[index] = 0;
		
		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;					
				});
				//////////////////////////
				setInactiveBtn(btnSuspend);
				setInactiveBtn(btnActivate);
				setInactiveBtn(btnResetPass);
			}
		});
		checkboxArr.each(function(_el) {
			_el.addEvent('click', function(){
				if(this.checked == true){
					totalCheck[index]++;
				} else {
					totalCheck[index]--;
				}				
				if(totalCheck[index] == checkboxArr.length){
					checkBoxHeader.checked = true;					
				} else {
					checkBoxHeader.checked = false;
				}
			});
		});
	});
	var temp = 0;
	var indexMenuSelect = 0;
	arrTagMenu.each(function(elTagMenu, index) {
		//elTagMenu.removeEvents().addEvent('click', function(evt) {
		elTagMenu.addEvent('click', function(evt) {
			indexMenuSelect = index;
			for(var i = 0 ; i < arrTagMenu.length ; i++) {
				arrTagImg[i].removeClass('imgSelected');
				
				arrTagContent[i].setStyle('display' , 'none');
				//set img
				var srcImg = arrTagImg[i].src;
				var srcImgNew = srcImg.replace('_o.gif' ,'_n.gif' );
				arrTagImg[i].src = srcImgNew;
				
			}
			arrTagImg[index].addClass('imgSelected');
			arrTagContent[index].setStyle('display' , 'block');
			var srcImg = arrTagImg[index].src;
			var srcImgNew = srcImg.replace('_n.gif' ,'_o.gif' );
			arrTagImg[index].src = srcImgNew;
			
			if(thisObj == $('layerSendMail')) {
				$('send_type').value = elTagMenu.getElement('input').value;
			}
			
			if(thisObj == $('layerActivateSurvey')) {				
				$('list_type_survey').value = arrTagMenu[indexMenuSelect].getElement('input').value;
			}
		
		});	
		if(firstActive == elTagMenu) {
			var arrCheckBox = arrTagContent[index].getElements('input[type=checkbox]');			
			arrCheckBox.each(function(el) {
				el.checked = false;
				if(arrValueCheckboxid){
					if(someone){
						for(var i = 0; i < arrValueCheckboxid.length ; i++) {						
							if(arrValueCheckboxid[i] == 0){
								someone.checked = true;
								break;
							} else {
								setTimeout(function(){
									someone.checked = false;
								}, 200);
							}
						}
					}	
					for(var i = 0; i < arrValueCheckboxid.length ; i++) {						
						if(el.getParent().getElement('input.EmployeeValue')){					
							if(arrValueCheckboxid[i].get('value').trim() == el.getParent().getElement('input.EmployeeValue').get('value').trim()) {
								if(arrValueCheckboxid[i].checked) {
									if(Browser.Engine.trident4) {
										setTimeout(function(){
											el.checked = true;
										}, 200);
									} else {
										el.checked = true;						
									}
									temp++;
								}
							}
						}
						if ($('frmAlertForm') && $('layerAssignAlert')) {
							if(typeof(arrValueCheckboxid[i]) == 'string') {							
								if(arrValueCheckboxid[i] == el.getParent().getElement('input.checkbox').get('value').trim()) {
									el.checked = true;
									temp++;								
								}
							}
						}
						// someoneNotWorking
						if ($('list_id') && $('someoneNotWorking') && $('carpooler')) {							
							if(arrValueCheckboxid[i] == el.get('value').trim() && arrValueCheckboxid[i] != '') {								
								if(Browser.Engine.trident4) {
									setTimeout(function(){
										el.checked = true;
									}, 200);
								} else {
									el.checked = true;						
								}
								temp++;
								totalCheck[index]++;
							}
						}
					}
					if(arrValueCheckboxid.length == 1){
						setTimeout(function(){
							if(someone) someone.checked = false;
						}, 200);
					}
				} 
			}); 
			
			if(temp == arrCheckBox.length-1) {
				arrCheckBox[0].checked = true;				
			}
			totalCheck[index] = temp;
		}
	});	
	if(firstActive) {
		firstActive.fireEvent('click' , firstActive);		 	
	}
	
	if($('btnSaveAction'))
	document.getElementByIds('btnSaveAction').each(function(btn, i){	
		btn.removeEvents().addEvent('click', function(evt) {
			
			evt.stop();					
			var arrCheckedBox = arrTagContent[indexMenuSelect].getElements('input[type=checkbox]');
			var strValue = "";
			var strName = "";
			var strValueCarpooler = "";
			
			arrCheckedBox.each(function(el){			
				if(el.checked == true && el.name != "name10" && el.name != "someone") {
					strValue = strValue + ',' +el.value;
					strName = strName+ '::' + el.getNext().get('html');
					strValueCarpooler = strValueCarpooler + '- ' + el.getNext().get('html') + '<br />';
				}
				if(el.checked == true && el.name == "someone"){
					if($('someoneNotWorking')) $('someoneNotWorking').removeClass('hide');
					initMyProfileSomeone();
					
				}
				if(el.checked == false && el.name == "someone"){
					if($('someoneNotWorking')) $('someoneNotWorking').addClass('hide');
				}
			});
			if(strValue!="") strValue = strValue.substr(1); //,
			if($('list_id')) $('list_id').value = strValue;
			if(strName!="") strName = strName.substr(2); //::
			if($('list_name')) $('list_name').value = strName;
			
			if(thisObj == $('layerAssignAlert')) {
				$('asign_type').value = arrTagMenu[indexMenuSelect].getElement('input').value;
				opaceItCustom($('layerAssignAlert'),0);
			}
			if(thisObj == $('layerActivateSurvey')) {			
				opaceItCustom($('layerActivateSurvey'),0);
				setTimeout(function(){
					if(thisObj == $('layerActivateSurvey')) {
						$('layerActivateSurvey').getElement('form').submit();
					}
				} , 200);
			}
			
			//ini :: layerAction :: select value
			if($('layerAction')){
				
				var arrDiv = $('layerAction').getElements('div.tabContent');
				var strValue = "";
				var strName = "____";
				if($$('.profilesBlock')[0]) if($$('.profilesBlock')[0].style.display == "block") {
					var _parent = $$('.profilesBlock')[0];
				} 
				if($('action')) if($('action').style.display == "block") {
					var _parent = $('action');
				}
				
				if(_parent) 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;
						}
					}			
				}
				if(_parent) var listIdAssign = _parent.getElement('input[name=list_id]');	
				if($('userId')) $('userId').value = strValue;			
				var strName = strName.split("____;")[1];
				if($('txtUser')) {
					if(strName) {
						$('txtUser').value = strName;
					} else {
						$('txtUser').value = '';
					}
				}
				if(listIdAssign) {
					listIdAssign.value = strValue;
				}
			
			}
			
			
			//my plan :: work commute :: Carpool in the other car
			if(thisObj == $('layerAction')) {
				if($('carpooler')) {
					$('carpooler').set('html', '<br />' + strValueCarpooler);					
				}
				// someone	
				if(someone){		
					if(someone.checked == true){
						if($('someoneNotWorking')) $('someoneNotWorking').removeClass('hide');
						initMyProfileSomeone();
					} else {
						if($('someoneNotWorking')) $('someoneNotWorking').addClass('hide');
					}
				}
				opaceItCustom($('layerAction'),0);
			}
			
			if(thisObj == $('layerActionCarpool')) {
				opaceItCustom($('layerActionCarpool'),0);
			}
		});
	});
}
//work commute :: Carpool in the other car
function setMenuTagCustom(thisObj, img) {
	if(!thisObj || !$(thisObj)) return;
	if($('btnSaveAction')) {	
		$('btnSaveAction').removeEvents().addEvent('click', function(evt) {
			evt.stop();			
			if(thisObj == $('layerActionCarpool')) {
				var arrUserID = thisObj.getElements('input[type=radio]');
				var userID = null;
				var aNodeCarpool, aNodeName, strName, userDriver;
				
				if($('carpooler')) {
					aNodeCarpool = img.getParent().getParent().getParent().getElement('div[id=carpooler]');
					aNodeDriven = img.getParent().getParent().getParent().getElement('div[id=driven]');
					aNodeName = img.getParent().getParent().getParent().getElement('div[id=carpoolerUser]');
					userDriver = img.getParent().getParent().getParent().getElement('input[id=userDriver]');
				}
				arrUserID.each(function(user, index){
					if(user.checked) {
						userID = user.value;
						strName =  user.getNext().get('html');
					}
				});
				var _url = baseurl + "/myplan/loadcarpool/user_id/" + userID + '/dayweek/' + userDriver.value;
				var request = new Request({
					url: _url,
					method: 'get', 
					onSuccess: function(responseText, responseXML) {
						if(responseText != '') {
							//if(aNodeCarpool) aNodeCarpool.set('html', responseText);
							if(aNodeDriven) aNodeDriven.set('html', responseText);
							if(aNodeName) aNodeName.set('html', '<p> - <strong>' + strName + '</strong></p><input type="hidden" name="userNameDriver['+ userDriver.value +']" value="' + strName + '" /><input type="hidden" name="userIDDriver['+ userDriver.value +']" value="' + userID + '" />');							
						}else{
							if(aNodeName) aNodeName.set('html', '<p>Your carpool driver hasn\'t set up their car profile yet.</p>');
						}
					}
				}).send();				
				opaceItCustom($('layerActionCarpool'),0);
			}
		});
	}
}

//set mask
function setMask(opaceTo) {
	try {
		var mask = $("mask") || 
		new Element("iframe").setProperties({
			id: "mask",
			frameborder: 'no'
		}).setStyles({
			width: "100%", 
			height: window.getScrollHeight(),
			width: $(window.document.body).getSize().x,	
			position: "absolute", 
			top: "0", 
			left: "0",
			zIndex:998
		}).injectBefore($$(".popup", ".layerNews")[0]);
		mask.setOpacity(1);
	} catch (e) {}
}

/**-----------------------------------------------------------------------------------------
	@write Kim.Nguyen
	@init call open popup, for layer alert
	@paramater element popup, show/hide(1/0), value id of element assign, id of check box string, id of label use getparent
	@return null
-------------------------------------------------------------------------------------------*/

function opaceItCustom(thisObj, opaceTo , valueid , valueidInti , _idLabel) {
	if (!thisObj) return;	
	if(opaceTo == 1 && thisObj == $('layerAssignAlert')) {
		
		var arrTagMenu = thisObj.getElement('div.tabMenu').getElement('ul').getChildren();
		if($('asign_type').value == "") {
			var arrValueCheckboxid = new Array();
			var assignTab = arrTagMenu[0];
		} else {
			if($('asign_type').value == "people") {
				var assignTab = arrTagMenu[0];
			} else if($('asign_type').value == "team") {
				var assignTab = arrTagMenu[1];
			} else if($('asign_type').value == "office") {
				var assignTab = arrTagMenu[2];
			} else if($('asign_type').value == "division") {
				var assignTab = arrTagMenu[3];
			}
			var arrValueCheckboxid = $('list_id').value.trim().split(',');
		}
		setMenuTag(thisObj , assignTab , arrValueCheckboxid);	
	}
	if(opaceTo == 1 && thisObj == $('layerActivateSurvey')) {		
		var arrTagMenu = thisObj.getElement('div.tabMenu').getElement('ul').getChildren();		
		var assignTab = arrTagMenu[0];
		var arrValueCheckboxid = $('frmSurveyReportCard').getElements('input[type=checkbox]');
		
		setMenuTag(thisObj , assignTab , arrValueCheckboxid);		
	}
	if(opaceTo == 1 && thisObj == $('layerAction')) {
		var arrTagMenu = thisObj.getElement('div.tabMenu').getElement('ul').getChildren();
		var assignTab = arrTagMenu[0];
		
		if($('list_id')) {
			var arrValueCheckboxid = $('list_id').value.trim().split(',');
			setMenuTag(thisObj , assignTab, arrValueCheckboxid);
		} else {
			setMenuTag(thisObj , assignTab, valueid);
		}
	}
	if(opaceTo == 1 && thisObj == $('layerActionCarpool')) {				
		setMenuTagCustom(thisObj, valueid);
	}
	if(opaceTo == 1 && thisObj == $('layerSendMail')) {
		var arrTagMenu = thisObj.getElement('div.tabMenu').getElement('ul').getChildren();
		var assignTab = arrTagMenu[0];
		var arrValueCheckboxid = new Array();
		
		//set checked for send mail layer checkbox
		
		var frmParentEmployee = $('frmEmployeesReportCard');
		if(frmParentEmployee) {
			var arrChkEmployee = frmParentEmployee.getElements('input[type=checkbox]');			
		}
		
		
		// tab menu content
		setMenuTag(thisObj , assignTab , arrChkEmployee);
	}	
	if (opaceIt.mask == null) {
		opaceIt.mask = new Element("iframe").setProperties({
			frameborder: "no"
		}).setStyles({
			filter:'alpha(opacity=0)',
			overflow: "hidden",
			position: "absolute", 
			top: "0", 
			left: "0",
			"z-index": "998"
		});
		if($('stepWizard') && !$('listWorkCommuteProfile')) {
			opaceIt.div = new Element("div").setStyles({
				overflow: "hidden",
				position: "absolute", 
				top: "0", 
				left: "0",
				"z-index": "998",
				'background' : '#fff'
			}).setOpacity(0.1);
		}else {	
			opaceIt.div = new Element("div").setStyles({
				overflow: "hidden",
				position: "absolute", 
				top: "0", 
				left: "0",
				"z-index": "998",
				'background' : '#000'
			}).setOpacity(0.5);
		}
	}
	
	if (opaceTo == 1) {		
		opaceIt.mask.injectInside($$('body')[0]);
		opaceIt.div.injectInside($$('body')[0]);		
		thisObj.injectInside($$('body')[0]);
		adjustPosition(thisObj);
		
		//reset scroller
		if(Browser.Engine.trident4) {
			thisObj.getElements('.smScroller').destroy();
			scroller = new mooScroller($$(".smScrollContent"), {});
		}
		var myEffects = new Fx.Morph(thisObj,{ 'duration': '1000' });
		myEffects.start({
			'opacity': [0.8,1]
		});
	}	else {
		
		//destroy mask
		if($$('.maskIframeElement').length > 0) {
			$$('.maskIframeElement').each(function(item){
				item.destroy();
			});
		}
		
		if($$('.maskDivElement').length > 0) {
			$$('.maskDivElement').each(function(item){				
				item.destroy();
			});
		}
		opaceIt.mask.dispose();
		opaceIt.div.dispose();
		if(document.getElementByIds(thisObj.id).length == 2) {
			document.getElementByIds(thisObj.id).each(function(layer){
				layer.setStyle('top', '-1500px');			
			});
		} else {
			thisObj.setStyle('top', '-1500px');
		}
		if(Browser.Engine.trident4) {
			window.onscroll = function(){
				thisObj.setStyle('top' , '-1500px');
			}
		}
		
		if($('assignedTo')) {			
			$('assignedTo').setProperty("id", "");
		}
		if($$('.assignToUser')[0]){
			$$('.assignToUser')[0].removeClass('assignToUser');
		} 
	}
	
	function adjustPosition(thisObj) {
		if(thisObj ==  $("profileDivision") || thisObj == $("profileOffice") || thisObj == $("profileTeam")) {
			thisObj.setStyles({
				'display' : 'block'
			});
		}
		
		thisObj.setStyles({
			display:'block',
			left: window.getWidth()/2-thisObj.getCoordinates().width/2,
			top : screen.height/2-thisObj.getCoordinates().height/3 +10,
			zIndex: 999,
			visibility : 'visible'
		});
		if(Browser.Engine.trident) {
			opaceIt.mask.setStyles({
				width: window.getWidth(), 
				height: window.getScrollHeight()
			});
		}	
		if(Browser.Engine.trident4) {
			var topLayer = window.getScrollTop()+ screen.height/4-thisObj.getCoordinates().height/3 +10;
			thisObj.setStyle('top' , topLayer+'px');
		}
		try{
			//----------------------------------	
			var xScroll, yScroll;	
			if (window.innerHeight && window.scrollMaxY) {	
				xScroll = document.body.scrollWidth;
				yScroll = window.innerHeight + window.scrollMaxY;
			} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
				xScroll = document.body.scrollWidth;
				yScroll = document.body.scrollHeight;
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
				xScroll = document.body.offsetWidth;
				yScroll = document.body.offsetHeight;
			}	
			var windowWidth, windowHeight;
			if (self.innerHeight) {	// all except Explorer
				windowWidth = self.innerWidth;
				windowHeight = self.innerHeight;
			} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
				windowWidth = document.documentElement.clientWidth;
				windowHeight = document.documentElement.clientHeight;
			} else if (document.body) { // other Explorers
				windowWidth = document.body.clientWidth;
				windowHeight = document.body.clientHeight;
			}	
			// for small pages with total height less then height of the viewport
			if(yScroll < windowHeight){
				var pageHeight = windowHeight;
			} else { 
				var pageHeight = yScroll;
			}
			// for small pages with total width less then width of the viewport
			if(xScroll < windowWidth){	
				var pageWidth = windowWidth;
			} else {
				var pageWidth = xScroll;
			}
		}catch(err){}
		//-------------------		
		opaceIt.div.setStyles({
			width: pageWidth, 
			height: pageHeight
		});
	}	
	if(!Browser.Engine.trident4){
		if(opaceTo == 1) {
			var topLayer = screen.height/4-thisObj.getCoordinates().height/3 +10 + window.getScrollTop();
			if($$('.popupVideos')[0]) {
				topLayer=30;
			}
			thisObj.setStyles({
				//'position' : 'fixed',
				'top' : topLayer+'px'
			});
			
		} else {
			thisObj.setStyles({
				'position' : 'absolute', 
				'top': '-1500px'
			});
		}	
	} else { //fixed bug for ie6 
		window.onscroll = function() {
			if(thisObj.style.top.toFloat() > 0) {
				var topLayer = window.getScrollTop() + 70;
				if($('conditionsLayer')) {
					var topLayer = window.getScrollTop() + 20;
				}
				thisObj.setStyle('top' , topLayer+'px');
			}	
		}
	}
}


/**-----------------------------------------------------------------------------------------
	@write Hung.Pham
	@init Who drove the carpool?
	@paramater select box 
	@return null
-------------------------------------------------------------------------------------------*/

function loadDriven(select, dayweek){
	aNode = select.getParent().getParent().getElement('div[id=driven]');
	if(!aNode) return;	
	if(select.value == 0) {
		aNode.addClass('hide');		
	} else {
		var _url = baseurl + "/myplan/loadcarpool/user_id/" + select.value +"/dayweek/" +dayweek;		
		var request = new Request({
			url: _url,
			method: 'get', 
			onSuccess: function(responseText, responseXML) {
				if(responseText != '') {
					aNode.removeClass('hide');
					aNode.set('html', responseText);
				} else {
					aNode.set('html', '<p>Your carpool driver hasn\'t set up their car profile yet.</p>');
					//aNode.addClass('hide');
				}
			},
			onFailure:function(instance){
				//
			}
		}).send();
	}
}