function showData(aa)
    {
        var fn=document.getElementById("ulFunctionalArea");
        //var ct=document.getElementById("ulLocation");
        var hj=document.getElementById("ulHotJobs");
        var sec=document.getElementById("Sector");
        //var loc=document.getElementById("Location");
         var hot=document.getElementById("HotJob");
        
        
        if(aa=='Sector')
        {
            fn.style.display="block";
            //ct.style.display="none";
            hj.style.display="none";
            sec.className="selected";
            //loc.className="";
            hot.className="";
        }
        else if(aa=='Location')
        {
            //ct.style.display="block";
            fn.style.display="none";
             hj.style.display="none";
            sec.className="";
            //loc.className="selected";
             hot.className="";
        }
        else if(aa='HotJob')
        {
            //ct.style.display="none";
            fn.style.display="none";
             hj.style.display="block";
            sec.className="";
            //loc.className="";
             hot.className="selected";
        }

    }

    function ModalPopupsAlert1(msg) {
        
        ModalPopups.Alert("jsAlert1",
           "",
           "<div style='padding:25px;'>" + msg + "</div>",
           {
               okButtonText: "Close"
           }
       );
       }  
       
       function DisplayTable(tblDetails)
       {
           if (tblDetails.style["display"] == "none") 
           {
               tblDetails.style["display"] = "block";
           }
           else 
           {             
               tblDetails.style["display"] = "none";
           }
       }

       
    
    function showJSPLogotab(aa)
    {
        var fn1=document.getElementById("divHeadhunter");
        var ct1=document.getElementById("divCompany");
        var dvcsr=document.getElementById("divCsr");
        var dvcmp=document.getElementById("divCampus");
        var head=document.getElementById("lbtnHeadhunter");
        var com=document.getElementById("lbtnCompanies");
        var campus=document.getElementById("lbtnCampus");
        var csr=document.getElementById("lbtnCsr");
        
        if(aa=='Headhunter')
        {
            fn1.style.display="block";
            ct1.style.display="none";
            dvcsr.style.display="none";
            dvcmp.style.display="none";
            head.className="selected";
            com.className="";
            csr.className="";
            campus.className="";
            
        }
        else if(aa=='Company')
        {
            ct1.style.display="block";
            fn1.style.display="none";
            dvcsr.style.display="none";
            dvcmp.style.display="none";
            head.className="";
            com.className="selected";
            csr.className="";
            campus.className="";
            
        }
        else if(aa=='Csr')
        {
            ct1.style.display="none";
            fn1.style.display="none";
            dvcsr.style.display="block";
            dvcmp.style.display="none";
            head.className="";
            com.className="";
            csr.className="selected";
            campus.className="";
        }
        else if(aa=='Campus')
        {
            ct1.style.display="none";
            fn1.style.display="none";
            dvcsr.style.display="none";
            dvcmp.style.display="block";
            head.className="";
            com.className="";
            csr.className="";
             campus.className="selected"; 
        }
        
    }
    
     function setMYProfileTab(txt)
    {
    
       
        var dvmyprofile=document.getElementById("divmyprofile");
         var linkmyprofile=document.getElementById("lnkmyprofile");
         var dvchangepassword=document.getElementById("divchangepassword");
         var linkchangepass=document.getElementById("lnkchangepass");
         var linkreferences=document.getElementById("lnklivereference");
          var dvreference=document.getElementById("divlivereference");
          var dvprivacy=document.getElementById("divcvprivacy");
          var linkprivacy=document.getElementById("lnkcvprivacy");
         
         if (txt=='CVPrivacy')
         {
            
            dvmyprofile.style.display="none";
            dvchangepassword.style.display="none";
            linkmyprofile.className="";
            linkchangepass.className="";
            linkreferences.className="";
            dvreference.style.display="none";         
            dvprivacy.style.display="block";
            linkprivacy.className="selected";
            
         }
         else if(txt=='MyProfile')
         {
            
          
            dvmyprofile.style.display="block";
            dvchangepassword.style.display="none";
            linkmyprofile.className="selected";
            linkchangepass.className="";
            linkreferences.className="";
            dvreference.style.display="none";
            dvprivacy.style.display="none";
            linkprivacy.className="";
         }
         else if(txt=='ChangePassword')
         {
           
            dvmyprofile.style.display="none";
            dvchangepassword.style.display="block";
            linkmyprofile.className="";
            linkchangepass.className="selected";
             linkreferences.className="";
            dvreference.style.display="none";
            dvprivacy.style.display="none";
            linkprivacy.className="";
         }
         else if(txt='Reference')
         {
           
             dvmyprofile.style.display="none";
            dvchangepassword.style.display="none";
            linkmyprofile.className="";
            linkchangepass.className="";
             linkreferences.className="selected";
            dvreference.style.display="block";
            dvprivacy.style.display="none";
            linkprivacy.className="";
         }

     }

    
    function Message(remove,select)
    {
        var flage=0;
        re = new RegExp('chkSelect' + '$');
        for(i = 0; i < document.forms[0].elements.length; i++)
        {
            elm = document.forms[0].elements[i]
            
            if (elm.type == 'checkbox')
            {   
               
                if (re.test(elm.name)) 
                {
                
	                if(elm.checked == true)
	                {
	                    flage=1;
	                }
                }
            }
        }
        if(flage==1)
        {
            return confirm(remove);
            
        }
        else
        {
            alert(select);
            return false;
        }
    }
    
   
    function CheckAllDataGridCheckBoxes(aspCheckBoxID)
    {
        var checkVal=false;
        re = new RegExp(aspCheckBoxID + '$');
        re1 = new RegExp('chk_SelectAll' + '$');
        for(i = 0; i < document.forms[0].elements.length; i++)
        {
            elm1 = document.forms[0].elements[i]
            if (elm1.type == 'checkbox')
            {
                if (re1.test(elm1.name)) 
                {
	                checkVal=elm1.checked;		                
                }
            }
        }            
        for(i = 0; i < document.forms[0].elements.length; i++)
        {
            elm = document.forms[0].elements[i]
            if (elm.type == 'checkbox')
            {
                if (re.test(elm.name)) 
                {
	                elm.checked = checkVal
                }
            }
        }
    }
    function UnCheckDataGridCheckBoxes(aspCheckBoxID, aspCheckBoxID2) {   
    var checkVal = false;
    re1 = new RegExp('chk_SelectAll' + '$');
    re2 = new RegExp(aspCheckBoxID2 + '$');
    for (i = 0; i < document.forms[0].elements.length; i++) {
        elm = document.forms[0].elements[i]
        if (elm.type == 'checkbox') {
            if (re2.test(elm.name)) {
                if (elm.checked == false) {
                    for (i = 0; i < document.forms[0].elements.length; i++) {
                        elm2 = document.forms[0].elements[i]
                        if (elm2.type == 'checkbox') {
                            if (re1.test(elm2.name)) {
                                elm2.checked = false;

                            }
                        }
                    }
                }

            }
        }
    }
} 
    
    function setCVDetailsTab(txt)
    {
        var dvyourcv=document.getElementById("divyourcv");
         var linkyourcv=document.getElementById("lnkyourcv");
         var dvpersonal=document.getElementById("divpersonaldetails");
         var linkpersonal=document.getElementById("lnkpersonaldetails");
         var dvexp=document.getElementById("divworkexperience");
         var linkexp=document.getElementById("lnkexperience");
         var dvedu=document.getElementById("diveducational");
         var linkedu=document.getElementById("lnkeducational");
         
         if(txt=='YourCV')
         {
            dvyourcv.style.display="block";
            dvpersonal.style.display="none";
            dvexp.style.display="none";
            dvedu.style.display="none";
            linkyourcv.className="selected";
            linkpersonal.className="";
            linkexp.className="";
            linkedu.className="";
         }
         else if(txt=='PersonalDetails')
         {
            dvyourcv.style.display="none";
            dvpersonal.style.display="block";
            linkyourcv.className="";
            linkpersonal.className="selected";
            dvexp.style.display="none";
            linkexp.className="";
             dvedu.style.display="none";
              linkedu.className="";
         }
         else if(txt=='Experience')
         {
            dvyourcv.style.display="none";
            dvpersonal.style.display="none";
            linkyourcv.className="";
            linkpersonal.className="";
            dvexp.style.display="block";
            linkexp.className="selected";
             linkedu.className="";
             dvedu.style.display="none";
         }
         else if(txt=='Education')
         {
           dvyourcv.style.display="none";
            dvpersonal.style.display="none";
            dvexp.style.display="none";
            dvedu.style.display="block";
            linkyourcv.className="";
            linkpersonal.className="";
            linkexp.className="";
            linkedu.className="selected";
         }
    }
    function FileSelected(objId, setVal) {
        alert("sdf");
    if (document.getElementById(objId))
        document.getElementById(objId).value = setVal;
    
    }
    function showhidetopedit(txt)
    {
        var dvedit=document.getElementById("topedit"); 
         var dvdisplay=document.getElementById("topdisplay"); 
         var btnedit=document.getElementById("btntopedit");
          var btncancel=document.getElementById("btntopcancel");
          
        
         
          
          if(txt=='edit')
          {
           
          
            dvdisplay.style.display="none";
            dvedit.style.display="block";
           
            btncancel.style.display="block";
            btnedit.style.display="none";
          }
          else if(txt=='cancel')
          {
           
          
            dvdisplay.style.display="block";
            dvedit.style.display="none";
            
            btncancel.style.display="none";
            btnedit.style.display="block";
          }
    }
    
    function OpenDetailWindow(Id)
{
    var sOption="toolbar=no,location=no,directories=no,menubar=no,";
    sOption+="scrollbars=yes,width=850,height=450,left =100,top=200";
    window.open('JSReference.aspx?id='+Id,"",sOption); 
}

function OpenExperienceWindow()
{
    var sOption="toolbar=no,location=no,directories=no,menubar=no,";
    sOption+="scrollbars=yes,width=800,height=400,left =110,top=155";
    window.open('JSAddExperience.aspx',"",sOption); 
}
function OpenCVEmailWindow()
{
    var sOption="toolbar=no,location=no,directories=no,menubar=no,scrollbar=no";
    sOption+="scrollbars=yes,width=600,height=200,left =200,top=300";
    window.open('JSEmailCV.aspx',"",sOption); 
}
function OpenCommentWindow(Id)
{
    var sOption="toolbar=no,location=no,directories=no,menubar=no,";
    sOption+="scrollbars=yes,width=400,height=450,left =100,top=200";
    window.open('AddComment.aspx?id='+Id,"",sOption);
}


function MaxLimitOfList(objLocation)
{
    
    var ctr = 0;
    var mctr = 3; /* this is the maximum number of options you want selected */
    
    for (var i=0; i<objLocation.options.length ; i++)
    {     
    if (objLocation.options[i].selected==true)    
    ctr++;   
    if(ctr==4)
    {
        objLocation.options[i].selected=false;
    }
    }       
    if (ctr>mctr)
    { 
    alert("You can select only 3 locations");
    
    return false;
    }
    return true;
}

function calculatedate(my)
    {
        
        var birthdate=new Date(my);
       
        var count=new Date();
         var age=count.getFullYear()-birthdate.getFullYear();
         var myage=document.getElementById('<%=divbirthage.ClientID%>');
         //alert(myage);
         myage.innerText=age.toString();
        // alert(myage);
     }


     function changedate(pdate, cdate) {

         var postdate = new Date(document.getElementById(pdate).value);
         var closedate = new Date(document.getElementById(cdate).value);

         alert(postdate);
         closedate.value = closedate.setMonth(postdate.getMonth() + 3);
         alert(closedate);

     }
     
     
     



/************************************************** Modal Popup script starts *******************************************************/
var ModalPopupsDefaults = {
    shadow: true,
    shadowSize: 5,
    shadowColor: "#333333",
    backgroundColor: "#CCCCCC",
    borderColor: "#F6DA91",
    titleBackColor: "#C1D2E7",
    titleFontColor: "#15428B",
    popupBackColor: "#C7D6E9",
    popupFontColor: "black",
    footerBackColor: "#C1D2E7",
    footerFontColor: "#15428B",
    okButtonText: "OK",
    yesButtonText: "Yes",
    noButtonText: "No",
    cancelButtonText: "Cancel",
    fontFamily: "Verdana,Arial",
    fontSize: "9pt"
}

var ModalPopups = {
    Init: function() {
        //No init required, yet
    },

    SetDefaults: function(parameters) {
        parameters = parameters || {};
        ModalPopupsDefaults.shadow = parameters.shadow != null ? parameters.shadow : ModalPopupsDefaults.shadow;
        ModalPopupsDefaults.shadowSize = parameters.shadowSize != null ? parameters.shadowSize : ModalPopupsDefaults.shadowSize;
        ModalPopupsDefaults.shadowColor = parameters.shadowColor != null ? parameters.shadowColor : ModalPopupsDefaults.shadowColor;
        ModalPopupsDefaults.backgroundColor = parameters.backgroundColor != null ? parameters.backgroundColor : ModalPopupsDefaults.backgroundColor;
        ModalPopupsDefaults.borderColor = parameters.borderColor != null ? parameters.borderColor : ModalPopupsDefaults.borderColor;
        ModalPopupsDefaults.okButtonText = parameters.okButtonText != null ? parameters.okButtonText : ModalPopupsDefaults.okButtonText;
        ModalPopupsDefaults.yesButtonText = parameters.yesButtonText != null ? parameters.yesButtonText : ModalPopupsDefaults.yesButtonText;
        ModalPopupsDefaults.noButtonText = parameters.noButtonText != null ? parameters.noButtonText : ModalPopupsDefaults.noButtonText;
        ModalPopupsDefaults.cancelButtonText = parameters.cancelButtonText != null ? parameters.cancelButtonText : ModalPopupsDefaults.cancelButtonText;
        ModalPopupsDefaults.titleBackColor = parameters.titleBackColor != null ? parameters.titleBackColor : ModalPopupsDefaults.titleBackColor;
        ModalPopupsDefaults.titleFontColor = parameters.titleFontColor != null ? parameters.titleFontColor : ModalPopupsDefaults.titleFontColor;
        ModalPopupsDefaults.popupBackColor = parameters.popupBackColor != null ? parameters.popupBackColor : ModalPopupsDefaults.popupBackColor;
        ModalPopupsDefaults.popupFontColor = parameters.popupFontColor != null ? parameters.popupFontColor : ModalPopupsDefaults.popupFontColor;
        ModalPopupsDefaults.footerBackColor = parameters.footerBackColor != null ? parameters.footerBackColor : ModalPopupsDefaults.footerBackColor;
        ModalPopupsDefaults.footerFontColor = parameters.footerFontColor != null ? parameters.footerFontColor : ModalPopupsDefaults.footerFontColor;
        ModalPopupsDefaults.fontFamily = parameters.fontFamily != null ? parameters.fontFamily : ModalPopupsDefaults.fontFamily;
        ModalPopupsDefaults.fontSize = parameters.fontSize != null ? parameters.fontSize : ModalPopupsDefaults.fontSize;
    },

    Alert: function(id, title, message, parameters) {

        //Get parameters
        parameters = parameters || {};
        if (!title) title = "Alert";

        //'Alert' specific parameters
        parameters.buttons = "ok";
        parameters.okButtonText = parameters.okButtonText != null ? parameters.okButtonText : ModalPopupsDefaults.okButtonText;

        //Create layers
        var myLayers = ModalPopups._createAllLayers(id, title, message, parameters);
        var oPopupBody = myLayers[4];

        //'Alert' specific setup of Body
        oPopupBody.innerHTML = message;        
        //Style all layers        
        ModalPopups._styleAllLayers(id, parameters, myLayers);
    },

    Confirm: function(id, title, question, parameters) {
        //Get parameters
        parameters = parameters || {};
        if (!title) title = "Confirm";

        //'Confirm' specific parameters
        parameters.buttons = "yes,no";
        parameters.yesButtonText = parameters.yesButtonText != null ? parameters.yesButtonText : ModalPopupsDefaults.yesButtonText;
        parameters.noButtonText = parameters.noButtonText != null ? parameters.noButtonText : ModalPopupsDefaults.noButtonText;

        //Create layers
        var myLayers = ModalPopups._createAllLayers(id, title, question, parameters);
        var oPopupBody = myLayers[4];

        //'Confirm' specific setup of Body
        oPopupBody.innerHTML = question;

        //Style all layers   
        ModalPopups._styleAllLayers(id, parameters, myLayers);
    },

    YesNoCancel: function(id, title, question, parameters) {
        //Get parameters
        parameters = parameters || {};
        if (!title) title = "YesNoCancel";

        //'Confirm' specific parameters
        parameters.buttons = "yes,no,cancel";
        parameters.yesButtonText = parameters.yesButtonText != null ? parameters.yesButtonText : ModalPopupsDefaults.yesButtonText;
        parameters.noButtonText = parameters.noButtonText != null ? parameters.noButtonText : ModalPopupsDefaults.noButtonText;
        parameters.cancelButtonText = parameters.cancelButtonText != null ? parameters.cancelButtonText : ModalPopupsDefaults.cancelButtonText;

        //Create layers
        var myLayers = ModalPopups._createAllLayers(id, title, question, parameters);
        var oPopupBody = myLayers[4];

        //'Confirm' specific setup of Body
        oPopupBody.innerHTML = question;

        //Style all layers   
        ModalPopups._styleAllLayers(id, parameters, myLayers);
    },

    Prompt: function(id, title, question, parameters) {
        //Get parameters
        parameters = parameters || {};
        if (!title) title = "Prompt";

        //'Prompt' specific parameters
        parameters.buttons = "ok,cancel";
        parameters.okButtonText = parameters.okButtonText != null ? parameters.okButtonText : "OK";
        parameters.cancelButtonText = parameters.cancelButtonText != null ? parameters.cancelButtonText : "Cancel";

        //Create layers
        var myLayers = ModalPopups._createAllLayers(id, title, question, parameters);
        var oPopupBody = myLayers[4];

        var txtStyle = "";
        if (parameters.width != null)
            txtStyle = "width:95%;";

        //'Prompt' specific setup of Body
        var txtHtml = question + "<br/>";
        txtHtml += "<input type=text id='" + id + "_promptInput' value='' " +
            "style='border: solid 1px #859DBE; " + txtStyle + "'>";

        oPopupBody.innerHTML = txtHtml;

        //Style all layers   
        ModalPopups._styleAllLayers(id, parameters, myLayers);

        //Focus input box        
        ModalPopupsSupport.findControl(id + "_promptInput").focus();
    },

    GetPromptInput: function(id) {
        var promptValue = ModalPopupsSupport.findControl(id + "_promptInput");
        return promptValue;
    },

    GetPromptResult: function(id) {
        var promptValue = ModalPopupsSupport.findControl(id + "_promptInput");
        return promptValue;
    },

    GetCustomControl: function(id) {
        return ModalPopupsSupport.findControl(id);
    },

    Indicator: function(id, title, message, parameters) {
        //Get parameters
        parameters = parameters || {};
        if (!title) title = "Indicator";

        //'Indicator' specific parameters
        if (parameters.buttons == null)
            parameters.buttons = "";

        //Create layers
        var myLayers = ModalPopups._createAllLayers(id, title, message, parameters);
        var oPopupBody = myLayers[4];

        //'Indicator' specific setup of Body
        oPopupBody.innerHTML = message;

        //Style all layers        
        ModalPopups._styleAllLayers(id, parameters, myLayers);
    },

    //Custom modal popup. parameters.buttons is a mandatory parameter
    Custom: function(id, title, contents, parameters) {
        //Get parameters
        parameters = parameters || {};
        if (!title) title = "Custom";

        if (parameters.buttons == null) {
            alert("buttons is a required parameter. ie: buttons: 'yes,no' or buttons: 'ok'.\nPossible buttons are yes, no, ok, cancel");
            return;
        }

        //Create layers
        var myLayers = ModalPopups._createAllLayers(id, title, contents, parameters);
        var oPopupBody = myLayers[4];

        //'Custom' specific setup of Body
        oPopupBody.innerHTML = contents;

        //Style all layers        
        ModalPopups._styleAllLayers(id, parameters, myLayers);
    },

    //Cancel/Close modal popup    
    Close: function(id) {
        window.onresize = null;
        window.onscroll = null;

        //try
        //{
        document.body.removeChild(ModalPopupsSupport.findControl(id + "_background"));
        document.body.removeChild(ModalPopupsSupport.findControl(id + "_popup"));
        document.body.removeChild(ModalPopupsSupport.findControl(id + "_shadow"));
        //}
        //catch
        //{
        //}
    },

    //Cancel/Close modal popup    
    Cancel: function(id) {
        ModalPopups.Close(id);
    },

    //Support variable to put each layer on top, increases everytime a modal popup is created
    _zIndex: 10000,

    //Support function to create all layers
    _createAllLayers: function(id, title, message, parameters) {
        //Create all 6 layers for; BackGround, Popup, Shadow, PopupTitle, PopupBody, PopupFooter
        var oBackground = ModalPopupsSupport.makeLayer(id + '_background', true, null);        // 0
        var oPopup = ModalPopupsSupport.makeLayer(id + '_popup', true, null);                  // 1
        var oShadow = ModalPopupsSupport.makeLayer(id + '_shadow', true, null);                // 2
        var oPopupTitle = ModalPopupsSupport.makeLayer(id + '_popupTitle', true, oPopup);      // 3
        var oPopupBody = ModalPopupsSupport.makeLayer(id + '_popupBody', true, oPopup);        // 4
        var oPopupFooter = ModalPopupsSupport.makeLayer(id + '_popupFooter', true, oPopup);    // 5

        //Set default values for button related parameters; OK, Yes, No, Cancel
        var okButtonText = parameters.okButtonText != null ? parameters.okButtonText : ModalPopupsDefaults.okButtonText;
        var yesButtonText = parameters.yesButtonText != null ? parameters.yesButtonText : ModalPopupsDefaults.yesButtonText;
        var noButtonText = parameters.noButtonText != null ? parameters.noButtonText : ModalPopupsDefaults.noButtonText;
        var cancelButtonText = parameters.cancelButtonText != null ? parameters.cancelButtonText : ModalPopupsDefaults.cancelButtonText;
        var onOk = parameters.onOk != null ? parameters.onOk : "ModalPopups.Close(\"" + id + "\");";
        var onYes = parameters.onYes != null ? parameters.onYes : "ModalPopups.Close(\"" + id + "\");";
        var onNo = parameters.onNo != null ? parameters.onNo : "ModalPopups.Close(\"" + id + "\");";
        var onCancel = parameters.onCancel != null ? parameters.onCancel : "ModalPopups.Close(\"" + id + "\");";

        //Create popup 'title' layer
        oPopupTitle.innerHTML = "<table cellpadding='0' cellspacing='0' style='border: 0;' height='100%'>" +
            "<tr><td valign='middle'><b>" + title + "</b></td></tr>" +
            "</table>";

        //Create popup 'footer' layer
        oPopupFooter.innerHTML = "";

        //Split buttons parameter and create buttons; OK, Yes, No, Cancel
        parameters.fontFamily = parameters.fontFamily != null ? parameters.fontFamily : ModalPopupsDefaults.fontFamily;
        var bt = parameters.buttons.split(',');
        for (x in bt) {
            if (bt[x] == "ok")
                oPopupFooter.innerHTML += "<input name='" + id + "_okButton' id='" + id + "_okButton' type=button value='" + okButtonText + "' style='font-family:Verdana,Arial; font-size:8pt; border: solid 1px #859DBE; background-color: white; width:75px; height:20px; margin-right: 5px; margin-left: 5px;' onclick='" + onOk + "'/>";
            if (bt[x] == "yes")
                oPopupFooter.innerHTML += "<input name='" + id + "_yesButton' id='" + id + "_yesButton' type=button value='" + yesButtonText + "' style='font-family:Verdana,Arial; font-size:8pt; border: solid 1px #859DBE; background-color: white; width:75px; height:20px; margin-right: 5px; margin-left: 5px;' onclick='" + onYes + "'/>";
            if (bt[x] == "no")
                oPopupFooter.innerHTML += "<input name='" + id + "_noButton' id='" + id + "_noButton' type=button value='" + noButtonText + "' style='font-family:Verdana,Arial; font-size:8pt; border: solid 1px #859DBE; background-color: white; width:75px; height:20px; margin-right: 5px; margin-left: 5px;' onclick='" + onNo + "'/>";
            if (bt[x] == "cancel")
                oPopupFooter.innerHTML += "<input name='" + id + "_cancelButton' id='" + id + "_cancelButton' type=button value='" + cancelButtonText + "' style='font-family:Verdana,Arial; font-size:8pt; border: solid 1px #859DBE; background-color: white; width:75px; height:20px; margin-right: 5px; margin-left: 5px;' onclick='" + onCancel + "'/>";
        }

        //Create popup 'body' layer, is done in; Alert, Confirm, YesNoCancel, Prompt and Custom functions.
        var allLayers = new Array(oBackground, oPopup, oShadow, oPopupTitle, oPopupBody, oPopupFooter);

        if (parameters.autoClose != null)
            setTimeout('ModalPopups.Close(\"' + id + '\");', parameters.autoClose);

        return allLayers;
    },

    //Support function to style and position all layers
    _styleAllLayers: function(id, parameters, allLayers) {
        var myLayers = allLayers;
        var oBackground = myLayers[0];
        var oPopup = myLayers[1];
        var oShadow = myLayers[2];
        var oPopupTitle = myLayers[3];
        var oPopupBody = myLayers[4];
        var oPopupFooter = myLayers[5];

        ModalPopups._zIndex += 3;
        var zIndex = ModalPopups._zIndex;

        //Get Css parameters for borderColor. 
        parameters.borderColor = parameters.borderColor != null ? parameters.borderColor : ModalPopupsDefaults.borderColor;  // #859DBE

        //Default css for; oBackground, oPopup and oShadow layers
        //Position elements excluded (except for background); top, left, width, height. 
        //They will be calculated by contents of oPopup, or set by the parameters.
        var cssBackground = "display:inline; position:absolute; z-index: " + (zIndex) + "; left:0px; top:0px; width:100%; height:100%; filter:alpha(opacity=70); opacity:0.7;";
        if (ModalPopupsSupport.isOlderIE()) {

            var viewport = ModalPopupsSupport.getViewportDimensions();
            cssBackground = "display:inline; position:absolute; z-index: 10; left:0px; top:0px; width:" + viewport.width + "px; height:" + viewport.height + "px; filter:alpha(opacity=70); opacity:0.7; overflow:hidden;";
        }
        var cssShadow = "display:inline; position:absolute; z-index: " + (zIndex + 1) + ";";
        var cssPopup = "display:inline; position:absolute; z-index: " + (zIndex + 2) + "; background-color:white; color:black; border:solid 1px " + parameters.borderColor + "; padding:1px;"; // background-color:#EEF1F2

        //Get Css parameters for oBackGround layer. 
        parameters.backgroundColor = parameters.backgroundColor != null ? parameters.backgroundColor : ModalPopupsDefaults.backgroundColor;
        cssBackground += " background-color:" + parameters.backgroundColor + ";";

        //Css for oPopup content layers. (oPopupTitle, oPopupBody, oPopupFooter)
        parameters.fontFamily = parameters.fontFamily != null ? parameters.fontFamily : ModalPopupsDefaults.fontFamily;
        parameters.fontSize = parameters.fontSize != null ? parameters.fontSize : ModalPopupsDefaults.fontSize;
        var cssPopupTitle = "position: absolute; font-family:" + parameters.fontFamily + "; font-size:" + parameters.fontSize + "; padding: 5px; text-align:left;";
        var cssPopupBody = "position: absolute; font-family:" + parameters.fontFamily + "; font-size:" + parameters.fontSize + "; padding: 5px; text-align:left;";
        var cssPopupFooter = "position: absolute; font-family:" + parameters.fontFamily + "; font-size:" + parameters.fontSize + "; padding: 5px; text-align:center;";

        //First style the contents of the oPopup layer. (oPopupTitle, oPopupBody, oPopupFooter)
        //When this is done we can calculate the height and width of the oPopup contents.
        if (ModalPopupsSupport.isIE) {
            oPopupTitle.style.cssText = cssPopupTitle;
            oPopupBody.style.cssText = cssPopupBody;
            oPopupFooter.style.cssText = cssPopupFooter;
        }
        else {
            oPopupTitle.setAttribute("style", cssPopupTitle);
            oPopupBody.setAttribute("style", cssPopupBody);
            oPopupFooter.setAttribute("style", cssPopupFooter);
        }

        //Get css color related parameters for; oPopup, oPopupTitle, oPopupBody, oPopupFooter.
        parameters.titleBackColor = parameters.titleBackColor != null ? parameters.titleBackColor : ModalPopupsDefaults.titleBackColor;
        parameters.titleFontColor = parameters.titleFontColor != null ? parameters.titleFontColor : ModalPopupsDefaults.titleFontColor;
        parameters.popupBackColor = parameters.popupBackColor != null ? parameters.popupBackColor : ModalPopupsDefaults.popupBackColor;
        parameters.popupFontColor = parameters.popupFontColor != null ? parameters.popupFontColor : ModalPopupsDefaults.popupFontColor;
        parameters.footerBackColor = parameters.footerBackColor != null ? parameters.footerBackColor : ModalPopupsDefaults.footerBackColor;
        parameters.footerFontColor = parameters.footerFontColor != null ? parameters.footerFontColor : ModalPopupsDefaults.footerFontColor;
        cssPopupTitle += " background-color:" + parameters.titleBackColor + ";";
        cssPopupTitle += " color:" + parameters.titleFontColor + ";";
        cssPopupBody += " background-color:" + parameters.popupBackColor + ";";
        cssPopupBody += " color:" + parameters.popupFontColor + ";";
        cssPopupFooter += " background-color:" + parameters.footerBackColor + ";";
        cssPopupFooter += " color:" + parameters.footerFontColor + ";";

        //Calculate maxWidth of the 3 layers in oPopup. (oPopupTitle,oPopupBody,oPopupFooter)
        var calcMaxWidth = 0;
        if (ModalPopupsSupport.getLayerWidth(oPopupTitle.id) > calcMaxWidth)
            calcMaxWidth = ModalPopupsSupport.getLayerWidth(oPopupTitle.id);
        if (ModalPopupsSupport.getLayerWidth(oPopupBody.id) > calcMaxWidth)
            calcMaxWidth = ModalPopupsSupport.getLayerWidth(oPopupBody.id);
        if (ModalPopupsSupport.getLayerWidth(oPopupFooter.id) > calcMaxWidth)
            calcMaxWidth = ModalPopupsSupport.getLayerWidth(oPopupFooter.id);

        //Calculate total height of the 3 layers in oPopup. (oPopupTitle+oPopupBody+oPopupFooter)
        var calcTotalHeight = ModalPopupsSupport.getLayerHeight(oPopupTitle.id) + ModalPopupsSupport.getLayerHeight(oPopupBody.id) + ModalPopupsSupport.getLayerHeight(oPopupFooter.id);

        parameters.width = parameters.width != null ? parameters.width : (calcMaxWidth + 4); // Add 4px for; padding: 1px and border: 1px;
        parameters.height = parameters.height != null ? parameters.height : calcTotalHeight; // Set height as height of; oPopupTitle + oPopupBody + oPopupFooter

        //Eerst hoogte oPopupBody aanpassen indien parameters.height is meegegeven
        var newBodyHeight = ModalPopupsSupport.getLayerHeight(oPopupBody.id)
        if (parameters.height > calcTotalHeight) {
            // Sub 10px for; padding: 5px;
            newBodyHeight = parameters.height - ModalPopupsSupport.getLayerHeight(oPopupTitle.id) - ModalPopupsSupport.getLayerHeight(oPopupFooter.id);
            cssPopupBody += " height:" + newBodyHeight + "px;";
            calcTotalHeight = ModalPopupsSupport.getLayerHeight(oPopupTitle.id) + newBodyHeight + ModalPopupsSupport.getLayerHeight(oPopupFooter.id);
        }

        cssPopupTitle += " top:1px;";
        cssPopupBody += " top:" + ModalPopupsSupport.getLayerHeight(oPopupTitle.id) + "px;";
        cssPopupFooter += " top:" + (ModalPopupsSupport.getLayerHeight(oPopupTitle.id) + (newBodyHeight) /*ModalPopupsSupport.getLayerHeight(oPopupBody.id)*/) + "px;";
        cssPopupTitle += " width:" + (parameters.width - 10) + "px;"; // Sub 10px for; padding-left+right: 5px;
        cssPopupBody += " width:" + (parameters.width - 10) + "px;"; // Sub 10px for-left+right; padding: 5px;
        cssPopupFooter += " width:" + (parameters.width - 10) + "px;"; // Sub 10px for-left+right; padding: 5px;

        //Get browser width and height
        var frameWidth = ModalPopupsSupport.getFrameWidth();
        var frameHeight = ModalPopupsSupport.getFrameHeight();

        if (parameters.height < calcTotalHeight)
            parameters.height = calcTotalHeight;

        //Get parameters for oPopup layer.
        parameters.top = parameters.top != null ? parameters.top : ((frameHeight / 2) - (parameters.height / 2));
        parameters.left = parameters.left != null ? parameters.left : ((frameWidth / 2) - (parameters.width / 2));

        //Set modal popup position
        //cssPopup += " top:" + parameters.top + "px;";
        //cssPopup += " left:" + parameters.left + "px;";

        cssPopupTitle += " left:1px;";
        cssPopupBody += " left:1px;";
        cssPopupFooter += " left:1px;";

        if (parameters.width)
            cssPopup += " width:" + parameters.width + "px;";
        else
            cssPopup += " width:" + parameters.maxWidth + "px;";

        if (parameters.height)
            cssPopup += " height:" + (parameters.height - 1) + "px;";
        else
            cssPopup += " height:" + (calcTotalHeight - 1) + "px;";

        //First style the contents of the oPopup layer. (oPopupTitle, oPopupBody, oPopupFooter)
        //When this is done we can calculate the height and width of the oPopup contents.
        if (ModalPopupsSupport.isIE) {
            oPopupTitle.style.cssText = cssPopupTitle;
            oPopupBody.style.cssText = cssPopupBody;
            oPopupFooter.style.cssText = cssPopupFooter;
        }
        else {
            oPopupTitle.setAttribute("style", cssPopupTitle);
            oPopupBody.setAttribute("style", cssPopupBody);
            oPopupFooter.setAttribute("style", cssPopupFooter);
        }

        //Setup shadow layer
        parameters.shadow = parameters.shadow != null ? parameters.shadow : ModalPopupsDefaults.shadow;
        parameters.shadowSize = parameters.shadowSize != null ? parameters.shadowSize : ModalPopupsDefaults.shadowSize;
        if (parameters.shadow) {
            //Get parameters for oShadow layer.
            parameters.shadowSize = parameters.shadowSize != null ? parameters.shadowSize : ModalPopupsDefaults.shadowSize;
            parameters.shadowColor = parameters.shadowColor != null ? parameters.shadowColor : ModalPopupsDefaults.shadowColor;
            cssShadow += "background-color:" + parameters.shadowColor + ";";

            //cssShadow += " top:" + (parameters.top + parameters.shadowSize) + "px;";
            //cssShadow += " left:" + (parameters.left + parameters.shadowSize) + "px;";
            if (parameters.width)
                cssShadow += " width:" + parameters.width + "px;";
            else
                cssShadow += " width:" + maxWidth + "px;";
            if (parameters.height)
                cssShadow += " height:" + (parameters.height - 1) + "px;";
            else
                cssShadow += " height:" + (calcTotalHeight) + "px;";

        }
        else {
            cssShadow += " display:none;";
        }

        //Secondly style the contents of the main layers. (oBackGround, oPopup, oShadow)
        if (ModalPopupsSupport.isIE) {
            oPopup.style.cssText = cssPopup;
            oShadow.style.cssText = cssShadow;
            oBackground.style.cssText = cssBackground;
        }
        else {
            oPopup.setAttribute("style", cssPopup);
            oShadow.setAttribute("style", cssShadow);
            oBackground.setAttribute("style", cssBackground);
        }

        if (!ModalPopupsSupport.isOlderIE()) {
            ModalPopupsSupport.centerElement(document.getElementById(id + '_background'), 0, true);
        }
        else {
            var viewport = ModalPopupsSupport.getViewportDimensions();
            oBackground.innerHTML = "<div><iframe style='z-index:-1; position:absolute; top:0;left:0 display:none; display/**/:block; position:absolute; filter:mask(); width:" + viewport.width + "px; height:" + viewport.height + "px;' id='corr_bug_ie' src='../common/imgLay/spinner.gif'></iframe></div>";
        }
        ModalPopupsSupport.centerElement(document.getElementById(id + '_popup'), 0, false);
        if (parameters.shadow)
            ModalPopupsSupport.centerElement(document.getElementById(id + '_shadow'), parameters.shadowSize, false);

        //Load file?
        parameters.loadTextFile = parameters.loadTextFile != null ? parameters.loadTextFile : "";
        if (parameters.loadTextFile != "")
            ModalPopups._loadTextFile(id, parameters, allLayers, parameters.loadTextFile);

        //        parameters.autoClose = parameters.autoClose != null ? parameters.autoClose : 0;
        //        if(!parameters.autoClose)
        //        {
        window.onresize = function() {
            ModalPopupsSupport.centerElement(document.getElementById(id + '_background'), 0, true);
            ModalPopupsSupport.centerElement(document.getElementById(id + '_popup'), 0, false);
            if (parameters.shadow) {
                ModalPopupsSupport.centerElement(document.getElementById(id + '_shadow'), parameters.shadowSize, false);
            }
        }

        window.onscroll = function() {
            ModalPopupsSupport.centerElement(document.getElementById(id + '_background'), 0, true);
            ModalPopupsSupport.centerElement(document.getElementById(id + '_popup'), 0, false);
            if (parameters.shadow) {
                ModalPopupsSupport.centerElement(document.getElementById(id + '_shadow'), parameters.shadowSize, false);
            }
        }

        //}
    },

    //Support function to load text file via AJAX call
    _loadTextFile: function(id, parameters, allLayers, filename) {
        var objXml = ModalPopupsSupport.getXmlHttp();
        objXml.open("GET", filename, true);
        objXml.onreadystatechange = function() {
            if (objXml.readyState == 4) {
                var txt = objXml.responseText.replace("\r\n", "<br>").replace("\n\r", "<br>").replace("\n", "<br>").replace("\r", "<br>");
                var html = "<div style='overflow-y: scroll; position:absolute; " +
                    "top:5px; left:5px; height:" + (parameters.height - 65) + "px; " +
                    "width:" + (parameters.width - 10) + "px;'>";
                html += txt;
                html += "</div>";
                ModalPopups.GetCustomControl(id + "_popupBody").innerHTML = html;
                parameters.loadTextFile = "";
                ModalPopups._styleAllLayers(id, parameters, allLayers);
            }
        }
        objXml.send(null);
    }
};

var ModalPopupsSupport = {
    isIE: function() {
        return (window.ActiveXObject) ? true : false;
    },

    isOlderIE: function() {
        var ver = -1; // Return value assumes failure.
        if (navigator.appName == 'Microsoft Internet Explorer') {
            var ua = navigator.userAgent;
            var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
            if (re.exec(ua) != null) {
                ver = parseFloat(RegExp.$1);
            }
        }
        if (ver > -1 && ver < 7.0) {
            return true;
        } else {
            return false;
        }
    },

    makeLayer: function(id, layerVisible, layerParent) {
        var container = document.createElement("div");
        container.id = id;

        if (layerParent)
            layerParent.appendChild(container);
        else
            document.body.appendChild(container);

        return container;
    },

    deleteLayer: function(id) {
        var del = findLayer(id);
        if (del)
            document.body.removeChild(del);
    },

    findLayer: function(id) {
        return document.all ? document.all[id] : document.getElementById(id);
    },

    findControl: function(id, parent) {
        if (parent == null) {
            return document.all ? document.all[id] : document.getElementById(id);
        }
        else {
            return document.all ? document.all[id] : document.getElementById(id);
        }
    },

    getLayerHeight: function(id) {
        if (document.all) {
            gh = document.getElementById(id).offsetHeight;
        }
        else {
            gh = document.getElementById(id).offsetHeight;  //-5;
        }
        return gh;
    },

    getLayerWidth: function(id) {
        gw = document.getElementById(id).offsetWidth;
        return gw;
    },

    getViewportDimensions: function() {
        var intH = 0, intW = 0;

        if (self.innerHeight) {
            intH = window.innerHeight;
            intW = window.innerWidth;
        }
        else {
            if (document.documentElement && document.documentElement.clientHeight) {
                intH = document.documentElement.clientHeight;
                intW = document.documentElement.clientWidth;
            }
            else {
                if (document.body) {
                    intH = document.body.clientHeight;
                    intW = document.body.clientWidth;
                }
            }
        }

        return {
            height: parseInt(intH, 10),
            width: parseInt(intW, 10)
        };
    },

    getScrollXY: function() {
        var scrOfX = 0, scrOfY = 0;
        if (typeof (window.pageYOffset) == 'number') {
            //Netscape compliant
            scrOfY = window.pageYOffset;
            scrOfX = window.pageXOffset;
        } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
            //DOM compliant
            scrOfY = document.body.scrollTop;
            scrOfX = document.body.scrollLeft;
        } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
            //IE6 standards compliant mode
            scrOfY = document.documentElement.scrollTop;
            scrOfX = document.documentElement.scrollLeft;
        }
        return [scrOfX, scrOfY];
    },

    centerElement: function(elem, add, noleft) {
        var viewport = ModalPopupsSupport.getViewportDimensions();
        var left = (viewport.width == 0) ? 50 : parseInt((viewport.width - elem.offsetWidth) / 2, 10);
        var top = (viewport.height == 0) ? 50 : parseInt((viewport.height - elem.offsetHeight) / 2, 10);
        var scroll = ModalPopupsSupport.getScrollXY();
        //alert(scroll[1]);

        if (!noleft) {
            elem.style.left = (left + add) + 'px';
        }
        elem.style.top = (top + add + scroll[1]) + 'px';

        viewport, left, top, elem = null;
    },

    readFile: function(filename, intoElement) {
        var xmlHttp = getXmlHttp();
        var file = filename + "?r=" + Math.random();
        xmlHttp.open("GET", file, true);
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState == 4) {
                intoElement.innerHTML = xmlHttp.responseText;
            }
        }
        xmlHttp.send(null);
    },

    getFrameWidth: function() {
        var frameWidth = document.documentElement.clientWidth;
        if (self.innerWidth) // Als de browser deze manier van aanroepen hanteerd
        {
            frameWidth = self.innerWidth; // Haal de frame-width op
        }
        else if (document.documentElement && document.documentElement.clientWidth)  // Als de browser deze manier van aanroepen hanteerd
        {
            frameWidth = document.documentElement.clientWidth; // Haal de frame-width op
        }
        else if (document.body)  // Als de browser deze manier van aanroepen hanteerd
        {
            frameWidth = document.body.clientWidth; // Haal de frame-width op
        }
        else return;
        return frameWidth;
    },

    getFrameHeight: function() {
        var frameHeight = document.documentElement.clientHeight;
        if (self.innerWidth) // Als de browser deze manier van aanroepen hanteerd
        {
            frameHeight = self.innerHeight; // Haal de frame-height op
        }
        else if (document.documentElement && document.documentElement.clientWidth)  // Als de browser deze manier van aanroepen hanteerd
        {
            frameHeight = document.documentElement.clientHeight; // Haal de frame-height op
        }
        else if (document.body)  // Als de browser deze manier van aanroepen hanteerd
        {
            frameHeight = document.body.clientHeight; // Haal de frame-height op
        }
        else return;
        return frameHeight;
    },

    getXmlHttp: function() {
        alert('in');
        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;
                }
            }
        }
        return xmlHttp;
    }
};

/******************************************* Modal Popup script end ********************************************************/

function WatermarkFocus(txtElem, strWatermark) {
    if (txtElem.value == strWatermark) {
        txtElem.value = '';
    }
}
function WatermarkBlur(txtElem, strWatermark) {
    if (txtElem.value == '') {
        txtElem.value = strWatermark;
    }
}

//isNumberKey
function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    else
        return true;
}

function isNumberKeywithDot(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 46 || charCode > 57))
        return false;
    else
        return true;
}

function WithOutZero(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 49 || charCode > 57))
        return false;
    else
        return true;

}
function isAlphaKeywithspace(e) {
    var k;

    document.all ? k = e.keyCode : k = e.which;

    return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 9 || k == 0 || k == 32);
}

function isAlphaKeywithspaceComma(e) {
    var k;
    document.all ? k = e.keyCode : k = e.which;
    return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 9 || k == 0 || k == 32 || k == 44);
}

function isAlphaNumericKeywithspace(e) {
    var k;

    document.all ? k = e.keyCode : k = e.which;

    return ((k > 48 && k < 58) || (k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 9 || k == 0 || k == 32);
}