var hel = {
      src: 'hel.swf'
      ,ratios: [7, 1.32, 11, 1.31, 13, 1.24, 14, 1.25, 18, 19, 1.23, 27, 1.2, 34, 1.19, 42, 1.18, 47, 1.17, 48, 1.18, 69, 1.17, 74, 1.16, 75, 1.17, 1.16]
    };

try
{
    // You probably want to switch this on, but read <http://wiki.novemberborn.net/sifr3/DetectingCSSLoad> first.
    //sIFR.useStyleCheck = true;    c
    sIFR.activate(hel);
	/*sIFR.replace(hel, {
				  selector: 'div#nav-menu li',
				  css: '.sIFR-root a { background-color: transparent; color: #FFFFFF; font-size: 14px; cursor: pointer; text-decoration: none; text-align: center; 	margin-left: 3px; } .sIFR-root a:hover { text-decoration: underline; color: #FFFFFF; }',  wmode: 'transparent'
});*/
	sIFR.replace(hel, {
				  selector: 'div#left_navbar li',
				  css: '.sIFR-root { background-color: transparent; color: #ff6600; font-size: 13px; text-decoration: none; text-align: left; }.sIFR-root a { background-color: transparent; color: #666666; font-size: 13px; cursor: pointer; text-decoration: none; text-align: left; }.sIFR-root a:link { background-color: transparent; color: #666666; font-size: 13px; cursor: pointer; text-decoration: none; text-align: left; } .sIFR-root a:hover { text-decoration: none; color:#ff6600; }',  wmode: 'transparent'
});
	
}
catch (e){
}

// JavaScript Document
/*
This script is written by Eric (Webcrawl@usa.net)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function printit(){  
if (window.print) {
    window.print() ;  
} else {
    var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
    WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box    WebBrowser1.outerHTML = "";  
}
}
function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);


/*  nav bar */

//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["nav-menu"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
try{
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden"
    }
    }
  }
  }catch(e){}
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)

/*
        -IAL Phase 1 Javascript
        -by KT
        -dynamic add table row with textbox
        -customised for some of the signup form aspx
*/

function addTableRow(jQtable,type,hf){    
    jQtable.each(function(){
        var $table = $(this);        // Number of td's in the last table row        
        var n = $('tbody td:first-child', this).length;        
        var tds = '<tr>';        
        var i = n;
            if(type==1){
                tds += '<td>';  
                tds += '<input runat="server" type="text"  name="ctl00$ContentPlaceHolder1$txtEmploymentHistoryName' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtEmploymentHistoryName' + i + '" /></td>';
                tds += '<td>';
                tds += '<input runat="server" type="text"  name="ctl00$ContentPlaceHolder1$txtEmploymentHistoryDesignation' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtEmploymentHistoryDesignation' + i + '" /></td>';
                tds += '<td>';
                tds += '<input onFocus="this.blur()" runat="server" name="ctl00$ContentPlaceHolder1$txtEmploymentHistoryFrom' + i + '" type="text"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtEmploymentHistoryFrom' + i + '" size="11" />';
                tds += '</td>';      
                tds += '<td>';
                tds += '<input onFocus="this.blur()" runat="server" name="ctl00$ContentPlaceHolder1$txtEmploymentHistoryTo' + i + '" type="text"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtEmploymentHistoryTo' + i + '" size="11" />';   
                tds += '</td>';        
            }

            if(type==2){
                tds += '<td>';  
                tds += '<input runat="server" type="text" name="ctl00$ContentPlaceHolder1$txtAcademicSchool' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtAcademicSchool' + i + '" /></td>';
                tds += '<td>';
                tds += '<input runat="server" type="text" name="ctl00$ContentPlaceHolder1$txtAcademicQualification' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtAcademicQualification' + i + '" /></td>';
                tds += '<td>';
                tds += '<input runat="server" name="ctl00$ContentPlaceHolder1$txtAcademicYear' + i + '" type="text"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtAcademicYear' + i + '" size="4" maxlength="4"/></td>';    
           }

            if(type==3){
                tds += '<td>';  
                tds += '<input runat="server" type="text" size="50" name="ctl00$ContentPlaceHolder1$txtOthersProfessionalBody' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtOthersProfessionalBody' + i + '" /></td>';
                tds += '<td>';
                tds += '<input onFocus="this.blur()" runat="server" name="ctl00$ContentPlaceHolder1$txtOthersFrom' + i + '" type="text"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtOthersFrom' + i + '" size="11" />';      
                tds += '</td>';      
                tds += '<td>';
                tds += '<input onFocus="this.blur()" runat="server" name="ctl00$ContentPlaceHolder1$txtOthersTo' + i + '" type="text"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtOthersTo' + i + '" size="11" />';  
                tds += '</td>';                                        
           }
           
            if(type==4){
                tds += '<td>';  
                tds += '<select runat="server" id="ctl00_ContentPlaceHolder1_ddlModule"' + i + '" name="ctl00$ContentPlaceHolder1$ddlModule"' + i + '">';
                tds += '<option value="">-----Select-----</option>';
                tds += '<option value="CU2">CU2</option>';
                tds += '<option value="CU3A">CU3A</option>';
                tds += '<option value="CU4A">CU4A</option>';
                tds += '<option value="CU3B">CU3B</option>';
                tds += '<option value="CU4B">CU4B</option>';
                tds += '<option value="CU5">CU5</option>';
                tds += '<option value="CU6">CU6</option>';
                tds += '</select>';
                tds += '<br />';    
                tds += '</td>';
                tds += '<td>';
                tds += '<input runat="server" type="text" name="ctl00$ContentPlaceHolder1$txtInstitution' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtInstitution' + i + '" size="40"/></td>';
                tds += '<label for="ctl00$ContentPlaceHolder1$txtInstitution' + i + '" style="{display: none}" class="error">';
                tds += 'Please fill in the required information</label>';
                tds += '</td>';
                tds += '<td>';
                tds += '<input onfocus="this.blur()" runat="server" type="text" name="ctl00$ContentPlaceHolder1$txtDateOfAssessment' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtDateOfAssessment' + i + '" />';
                tds += '<label for="ctl00$ContentPlaceHolder1$txtDateOfAssessment' + i + '" style="{display: none}" class="error">';
                tds += 'Please fill in the required information</label>';
                tds += '</td>';
                tds += '<td>';
                tds += '<input runat="server" name="ctl00$ContentPlaceHolder1$txtCertificateNumber' + i + '" type="text"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtCertificateNumber' + i + '" />';      
                tds += '<label for="ctl00$ContentPlaceHolder1$txtCertificateNumber' + i + '" style="{display: none}" class="error">';
                tds += 'Please fill in the required information</label>';
                tds += '</td>';                                                         
           }
           
           
           if(type==5){
                tds += '<td>';  
                tds += '<input runat="server"  style="width: 80px;" type="text" name="ctl00$ContentPlaceHolder1$txtYear2Year' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtYear2Year' + i + '"/>';             
                tds += '</td>';
                tds += '<td>';
                tds += '<input runat="server"  style="width: 150px;" type="text" name="ctl00$ContentPlaceHolder1$txtJobTitle' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtJobTitle' + i + '"/>';              
                tds += '</td>';
                tds += '<td>';
                tds += '<input runat="server"  style="width: 150px;" type="text" name="ctl00$ContentPlaceHolder1$txtIndustry' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtIndustry' + i + '" />';
                tds += '</td>';
                tds += '<td>';
                tds += '<textarea rows="6" cols="40"  style="width: 240px;" runat="server" name="ctl00$ContentPlaceHolder1$txtBriefResKeyAch' + i + '" ';
                tds += 'id="ctl00_ContentPlaceHolder1_txtBriefResKeyAch' + i + '" ></textarea> ';                 
                tds += '</td>';                                                         
           }
           
             if(type==6){
                tds += '<td>';  
                tds += '<input runat="server"  style="width: 100px;" type="text" name="ctl00$ContentPlaceHolder1$txtRelYearofAward' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtRelYearofAward' + i + '"/>';             
                tds += '</td>';
                tds += '<td>';
                tds += '<input runat="server" style="width: 300px;"  type="text" name="ctl00$ContentPlaceHolder1$txtRelNameOfQua' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtRelNameOfQua' + i + '"/>';              
                tds += '</td>';
                tds += '<td>';
                tds += '<input  runat="server" style="width: 300px;"  type="text" name="ctl00$ContentPlaceHolder1$txtRelInstitution' + i + '"';
                tds += 'id="ctl00_ContentPlaceHolder1_txtRelInstitution' + i + '" />';
                tds += '</td>';
           }
        tds += '</tr>';        
        
        if($('tbody', this).length > 0){            
            $('tbody', this).append(tds);        
        }else {            
            $(this).append(tds);        
        }                
        hf.val(i); 
        
        //add datepicker
        if(type==1){
           datepickerStartEnd2($("#ctl00_ContentPlaceHolder1_txtEmploymentHistoryTo"+i),$("#ctl00_ContentPlaceHolder1_txtEmploymentHistoryFrom"+i));
           $("#ctl00_ContentPlaceHolder1_txtEmploymentHistoryDesignation"+i).rules("add", { regex: "^[a-zA-Z]*$" })             
	    } 
	    
	    if(type==2){
	        $("#ctl00_ContentPlaceHolder1_txtAcademicSchool"+i).rules("add", { regex: "^[a-zA-Z]*$" }) 
            $("#ctl00_ContentPlaceHolder1_txtAcademicQualification"+i).rules("add", { regex: "^[a-zA-Z]*$" }) 
             $("#ctl00_ContentPlaceHolder1_txtAcademicYear"+i).rules("add", { regex4digits: "^\d{6}*$" }) 
        }	    

        if(type==3){
         datepickerStartEnd2($("#ctl00_ContentPlaceHolder1_txtOthersTo"+i),$("#ctl00_ContentPlaceHolder1_txtOthersFrom"+i));
        } 

        if(type==4){
         datepicker($("#ctl00_ContentPlaceHolder1_txtDateOfAssessment"+i));
        } 

    });
}


/*
        -IAL Phase 1 Javascript
        -by KT
        -Enable/disable text based on a radio button selection
*/
function enableTextBoxByRadio(rdl,txt1,txt2){
    if(rdl[0].value=="1"){ 
        txt1.removeAttr('disabled'); 
        txt1.addClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt1.focus();
        txt2.val('');
        txt2.removeClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt2.attr('disabled', 'disabled'); 
    }
    else if(rdl[0].value=="2"){ 
        txt2.removeAttr('disabled'); 
        txt2.addClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt2.focus();
        txt1.val('');
        txt1.removeClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt1.attr('disabled', 'disabled'); 
    }
    else{
        txt1.val('');
        txt1.removeClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt1.attr('disabled', 'disabled'); 
        txt2.val('');
        txt2.removeClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt2.attr('disabled', 'disabled'); 
    }
}

/*
        -IAL Phase 1 Javascript
        -by KT
        -Enable/disable text based on a dropdownlist selection
*/
function enableTextBox(ddl,txt){
    if(ddl.text().toLowerCase()=="others"){ 
        txt.removeAttr('disabled'); 
        txt.addClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt.focus();
    }
    else{
        txt.val('');
        txt.removeClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt.attr('disabled', 'disabled'); 
    }
}

/*
        -IAL Phase 1 Javascript
        -by KT
        -Enable/disable text based on a checkbox selection
*/
function enableTextBoxByCheckBox(cb, txt){
    if (cb.attr('checked')) {              
        txt.removeAttr('disabled'); 
        txt.addClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt.focus();
    }
    else {             
        txt.val('');                
        txt.attr('disabled', 'disabled'); 
        txt.removeClass("{required:true, messages:{required:'<font color=red>*</font>'}}");
        txt.find('span').css('display','none');
    }
} 


/*
        -IAL Phase 1 Javascript
        -by KT
        -Jquery.API on DatePicker function
*/
function datepickerO(OBJ_datepicker) {
  var year, month, day;
  var newdate = new Date();
  newdate.setDate(newdate.getDate()-1);
  day= newdate.getDate();
  month = newdate.getMonth();
  year = newdate.getFullYear();
  syearRange = year-100 + ':' + year;
  
  OBJ_datepicker.datepicker({   
    changeYear: true,
    changeMonth: true,   
    dateFormat: 'dd/mm/yy',
	onSelect : function(){},
    maxDate: new Date(year,month,day),  
    yearRange : syearRange,
    onClose : function(dateText, inst){
		$(this).nextAll("span").css('display','none');
    },
	beforeShow: function(input){
	try{if ($('#AEN_calendar_month_year').size() > 0){ $("#AEN_calendar_month_year").empty().remove();}}
	catch(e){}  	
	}
  });
}

/*
        -IAL Phase 2 Javascript
        -by KT 20/01/2011
        -Jquery.API on DatePicker function
*/
function datepickerForm(OBJ_datepicker) {
  var year, month, day;
  var newdate = new Date();
  newdate.setDate(newdate.getDate()-1);
  day= newdate.getDate();
  month = newdate.getMonth();
  year = newdate.getFullYear();
  syearRange = year-100 + ':' + year;
  
  OBJ_datepicker.datepicker({   
    changeYear: true,
    changeMonth: true,   
    dateFormat: 'dd/mm/yy',
    onSelect: function(){},
    yearRange : syearRange
     });
}

/*
        -IAL Phase 1 Javascript
        -by KT
        -Jquery.API on DatePicker function
        -get Maximum Day
*/
function datepicker_todayMax(OBJ_datepicker) {
  var year, month, day;
  var newdate = new Date();
  day= newdate.getDate();
  month = newdate.getMonth();
  year = newdate.getFullYear();
  syearRange = year-100 + ':' + year;
  
  OBJ_datepicker.datepicker({   
    changeYear: true,
    changeMonth: true,   
    dateFormat: 'dd/mm/yy',
    onSelect: function(){},
    maxDate: new Date(year,month,day),  
    yearRange : syearRange
  });
}

/*
        -IAL Phase 1 Javascript
        -by KT
        -Jquery.API on DatePicker function
        -modified to cater for filtering date selection based on Start and End date
*/
function datepickerStartEnd(To,From) {   
 var year, month, day;
  var newdate = new Date();
  day= newdate.getDate();
  month = newdate.getMonth();
  year = newdate.getFullYear();
  syearRange = year-100 + ':' + year;
  
  From.datepicker({
    changeYear: true,
    changeMonth: true,   
    dateFormat: 'dd/mm/yy',
    onSelect: function(){},
    maxDate: new Date(year,month,day),  
    yearRange : syearRange,
    beforeShow: function(input){
  	if ($('#AEN_calendar_month_year').size() > 0){
  		$("#AEN_calendar_month_year").empty().remove();
	}
	var date1 =  To.datepicker('getDate');
    if(date1 != undefined) 
    return { maxDate: date1 };
    }
});

 To.datepicker({ changeYear: true,
    changeMonth: true,   
    dateFormat: 'dd/mm/yy',
    onSelect: function(){},
    maxDate: new Date(year,month,day),  
    yearRange : syearRange,
    beforeShow: function(input){
    if ($('#AEN_calendar_month_year').size() > 0){
  		$("#AEN_calendar_month_year").empty().remove();
	}
	var date2 =  From.datepicker('getDate');
    if(date2 != undefined) 
    return { minDate: date2 };
    }
});
}

/*
        -IAL AEN enhancement Javascript
        -by KT
        -Jquery.API on DatePicker function
        -to cater for filtering month/year e.g. format mm/yyyy selection based on Start and End date
*/
function datepickerStartEnd2(To,From) {   
  var year, month, day;
  var newdate = new Date();
  day = newdate.getDate();
  month = newdate.getMonth();
  year = newdate.getFullYear();
  syearRange = year-100 + ':' + year;

  From.datepicker({
    changeYear: true,
	showButtonPanel : true,
    closeText : 'Close',
    changeMonth: true,   
    dateFormat: 'mm/yy',
    onSelect: function(){},
    maxDate: new Date(year,month,day),  
    yearRange : syearRange,
    beforeShow: function(input){
	if ($('#AEN_calendar_month_year').size() == 0){
  		$('body').append("<div id='AEN_calendar_month_year'><style>.ui-datepicker-calendar {display: none;}button.ui-datepicker-current { display: none; }</style></div>");
	}
		var date1 =  To.val();
		if(date1 != undefined && date1.length >0) {
			var month = $.trim(date1.substring(0,2));
			var year = $.trim(date1.substring(3,7));
			
			if(month >0 && year >0){  
	    		return { maxDate: new Date(year, month-1, 1) };
			}
		}
    },
    onClose: function(dateText, inst) { 
        var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
        var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
        $(this).datepicker('disable');
		$(this).datepicker('setDate', new Date(year, month, 1));
		$(this).datepicker('enable');
		$(this).nextAll("span").css('display','none');
    }
});

 To.datepicker({ changeYear: true,
    changeMonth: true,   
    dateFormat: 'mm/yy',
 	showButtonPanel : true,
    closeText : 'Close',
   onSelect: function(){},
    maxDate: new Date(year,month,28),  
    yearRange : syearRange,
    beforeShow: function(input){
	
	if ($('#AEN_calendar_month_year').size() == 0){
  		$('body').append("<div id='AEN_calendar_month_year'><style>.ui-datepicker-calendar {display: none;}button.ui-datepicker-current { display: none; }</style></div>");
	}
		var date2 = From.val();		
		if(date2 != undefined && date2.length > 0) {
			var month = $.trim(date2.substring(0,2));
			var year = $.trim(date2.substring(3,7));

			if(month > 0 && year >0){    
	    		return { minDate: new Date(year, month-1, 1) };
			}
		}
    }
	,
    onClose: function(dateText, inst) { 
        var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
        var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
        $(this).datepicker('disable');
		$(this).datepicker('setDate', new Date(year, month, 28));
		$(this).datepicker('enable');
		$(this).nextAll("span").css('display','none');
    }
});

 
 
}

/*
IAL - Phase 2 

Ajax function
*/

function ajaxFunction(parameter,page,elementID)
{
    var xmlHttp;
    try
       {  // Firefox, Opera 8.0+, Safari  
        xmlHttp=new XMLHttpRequest();  
       }
    catch (e)
        {  // Internet Explorer  
            try
                {    
                xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");    
                }
            catch (e)
            {    
                try
                    {      
                    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");      
                    }
                catch (e)
                {      
                alert("Your browser does not support AJAX!");      
                return false;      
                }    
             }  
         }
    
    xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==2)
        {               
            delay(elementID);
        }
    if(xmlHttp.readyState==3)
        {               
            delay(elementID);
        }
    if(xmlHttp.readyState==4)
        {
            result = xmlHttp.responseText;
            try
            {       
                
                if(xmlHttp.status == 200)
                    {                      
                      //replace_html(elementID,result);  
                    }
                else
                {
                    alert("Error reading data");
                }
            }
            catch(e)
            {
                 //alert(e);  
                 return false;    
            }//alert(document.getElementById(id).innerHTML);
      }
    }
       
    xmlHttp.open("GET",page + "?" + parameter,true);
    xmlHttp.send(null);  
 
    }
    
    function delay(elementID){replace_html(elementID,"<img src=images/activity.gif />");}
    function replace_html(id, content) {
                //alert('id ' + id + ', content ' + content);
			    
        var search = content; 
        var script; 
          
        while( script = search.match(/(<script[^>]+javascript[^>]+>\s*(<!--)?)/i)) 
        { 
            search = search.substr(search.indexOf(RegExp.$1) + RegExp.$1.length); 
       
            if (!(endscript = search.match(/((-->)?\s*<\/script>)/))) break; 
       
            block = search.substr(0, search.indexOf(RegExp.$1)); 
            search = search.substring(block.length + RegExp.$1.length); 
       
            var oScript = document.createElement('script'); 
            oScript.text = block; 
            document.getElementsByTagName("head").item(0).appendChild(oScript); 
        } 
    
                oldDiv = document.getElementById(id);

                newDiv = document.createElement(oldDiv.tagName);

                newDiv.id = oldDiv.id;
                
                newDiv.className = oldDiv.className;
                
                newDiv.innerHTML = content;
                
                oldDiv.parentNode.replaceChild(newDiv, oldDiv);                       

		}

/*
        -IAL Phase 2 Events Page Javascript
        -by KT 04-05-2010
        -use by event.aspx only
        -load event from database thru AJAX
*/
function events(mode) { 
try{
    sURL= "mode=" + mode; 
    //alert(mode);
    replace_html('Searchresult','<table width="100%"><tr height="100px"><td align="center"><img src="images/activity.gif" /></td></tr></table>');
    
    if(mode.search('search')==0){
	if($('#tabmenu').find('li').length == 2){
	    var app = "<li id='nav_current'>Search result</li>";
		app += "<li id='nav'><a onclick='eventClick(this); return false;' href='#'>Upcoming Events</a></li>";
		app += "<li id='nav'><a onclick='eventClick(this); return false;' href='#'>Past Events</a></li>";
		app += "<input id='searchmode' type='hidden' value='" + mode + "' />";
	  //alert("app : " + app);
        $("#tabmenu").html(app);
      }
    }
    $('#hiddenresult').load('iEvents.aspx?' + sURL, null, initPagination);
    }
    catch(e){
        alert(e);
    }
}


/*
        -IAL Phase 2 Events Page Javascript
        -by KT 04-05-2010
        -build for the events.aspx only
        -event tab function
        -load past event when past event tab is click
        -load upcoming event when upcoming event tab is click
*/
function eventClick(selectedNav) { 
    //get selected nav    
    var navCurrentString = $('#nav_current').html();
  
    //change nav_current to nav
	navCurrentString = "<a onclick='eventClick(this); return false;' href='#'>" +  navCurrentString + "</a>";
	//alert("navCurrentString : " + navCurrentString);
	$('#nav_current').html(navCurrentString);
	$('#nav_current').attr("id","nav");           
	
	
	//change clicked nav to nav_current
  	$('#tabmenu').find('li').each(function(){
		//alert($(selectedNav).html());
		if($(this).html().search($(selectedNav).html())>0){
			$(this).html($(selectedNav).html());
			$(this).attr("id","nav_current");
		}
	});
	
//alert($('#searchmode').val());
    if ($.trim($(selectedNav).html()) == "Past Events"){events("past");}
    if ($.trim($(selectedNav).html()) == "Upcoming Events"){events("upcoming");}
    if ($.trim($(selectedNav).html()) == "Search result"){events($('#searchmode').val());}
}       
   
 // paginate elements that were loaded via AJAX
 /**
 * Callback function that displays the content.
 *
 * Gets called every time the user clicks on a pagination link.
 *
 * @param {int}page_index New Page index
 * @param {jQuery} jq the container with the pagination links as a jQuery object
 * -build for the events.aspx only
 */
function pageselectCallback(page_index, jq){
    var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
    $('#Searchresult').empty().append(new_content);
    return false;
}
           
/** 
* Callback function for the AJAX content loader.
* -build for the events.aspx only
*/
function initPagination() {
    var num_entries = $('#hiddenresult div.result').length;
    // Create pagination element
    $("#Pagination").pagination(num_entries, {
    items_per_page: 1,
    num_edge_entries: 2,
    num_display_entries: 5,
    callback: pageselectCallback
   });
}
                    
// Load HTML snippet with AJAX and insert it into the Hiddenresult element
// When the HTML has loaded, call initPagination to paginate the elements        
// build for the events.aspx only
$(document).ready(function(){     

try{ 
       $('#txtEventKeyword').hint();

       $('#EventsubmitBtn').click(function(){
            var queryString='';

            if ($('#txtEventKeyword').val() == $('#txtEventKeyword').attr('title')){
                $('#txtEventKeyword').val('');
            }

            queryString= queryString + '&keywords=' + $('#txtEventKeyword').val().replace(" ", "+");
            queryString= queryString + '&month=' + $('#ddleventMonth option:selected').val(); ;
            queryString= queryString + '&year=' + $('#ddleventYears option:selected').val(); ;
            window.location.href ='events.aspx?mode=search' + queryString;
        });
        
        $('#EventresetBtn').click(function(){
            var queryString='';
            $('#txtEventKeyword').val('');
            $('#ddleventMonth').val('');
            $('#ddleventYears').val('');  
            $('#txtEventKeyword').hint();         
        });
        }
        catch(e){
        }

});

// call reload parent page from iframe page
function RefreshParent(){ 
    parent.location.reload(); 
} 

//validate if checkboxlist is at least one is checked.
function isCheckedById(id){
    var checked = $("input[@id="+id+"]:checked").length;
    if (checked == 0){return false;}
    else{return true;}
}

function reDirect(link){
  
    $(location).attr('href', link);
}



//validate if checked box is selected and clear customer validator error message
function clearErrMsg(cb,cv){
    if (cb.length > 0) {
        cv.css('display','none');
    }
    else if (cb.length == 0) {
        cv.css('display','block');
    }

}