﻿// JScript File

var HiddenFieldID_tblFA;
var ListboxID_tblFA;
var tblNameID_tblFA;
var divID_tblFA;

var HiddenFieldID_tblRoles;
var ListboxID_tblRoles;
var tblNameID_tblRoles;
var divID_tblRoles;

var HiddenFieldID_tblLocation;
var ListboxID_tblLocation;
var tblNameID_tblLocation;
var divID_tblLocation;

var HiddenFieldID_tblIndustry;
var ListboxID_tblIndustry;
var tblNameID_tblIndustry;
var divID_tblIndustry;

function CheckAvail(Name,Label)
{
    var e = document.getElementById(Name).value;
    if(e=='')
    {
        alert('Enter desired Login name');
    }
    else
    {
        var check = wsService.CheckAvailability(e,Label,onComplete);
    }
    return false;
}

function onComplete(Status)
{
    var str = Status.split(',');
    if(str[0]==1)
    {
        alert('Not Available');
    }
    else
    {
        alert('Available');
    }
    return false;
}

function CheckForRepit(lstctrl,val)
{
    var lst =lstctrl.toString();
    var e = document.getElementById(lst);
    for(i=0;i<e.options.length;i++)
    {                    
        if(e.options[i].value==val)
            return false;
    }
    return true;
}

var SubFAClientID;
//To Select the Roles from Functional Area
function SelectRoles(lbFun,lbRoles)
{
    var status = 0;
    var e = document.getElementById(lbFun);
    SubFAClientID=document.getElementById(lbRoles);
    if(e.selectedIndex!=-1)
    {//debugger;
        var strUser = e.options[e.selectedIndex].value;
        wsService.GetSubFunctions(strUser,onCompleted,onError);
    }
}
function onCompleted(result)
{ 
    if (result != null)
    {
        var e = SubFAClientID;
	    var k=0;
	    //addGroupOption(e,result)
	    for(j=0;j<((result.length)-4);j++)
        {
            if(j%2 != 0)
            {
                if(result[j-1] == 0)
                {
                    var optgroupNew = document.createElement("OPTGROUP");
                    optgroupNew.id =result[j-1];
    	            optgroupNew.label =result[j];
    	            e.appendChild(optgroupNew);;
                }
                else
                {
                    var optn = document.createElement("OPTION");
                    e.appendChild(optn); 
                    optn.text = result[j];   
                    optn.value = result[j-1];
                    
                }
            }
        } 
    }
}
function addGroupOption(selectbox,text)
{
    var optgroupNew = document.createElement('OPTGROUP');   
    optgroupNew.id = 'p'+ text[(text.length)-4];   
    optgroupNew.label = text[(text.length)-3];   
    selectbox.appendChild(optgroupNew);
    
    for(j=0;j<((text.length)-4);j++)
	{
	    if(j%2 != 0)
	    {
            var newOption = document.createElement('OPTION');   
            selectbox.appendChild(newOption);   
            newOption.text = text[j];   
            newOption.value = text[j-1];
        }
    }
}
function addOption(selectbox, value, text)
{
    var newOption = document.createElement('OPTION');   
    selectbox.appendChild(newOption);   
    newOption.text =text;   
    newOption.value = value; 
}
function onError()
{
    alert('Error from webservice');
}

//this function for tblFArea
function SelectEnterValue_tblFA(e,Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblFA = hdnField;
    ListboxID_tblFA = Listbox;
    tblNameID_tblFA = tblName; 
    divID_tblFA=div;
    
    var KeyID;
	if(window.event) // IE
	    KeyID = event.keyCode;                
    else if(e.which) // Netscape/Firefox/Opera
        KeyID = e.which;
    if(KeyID=='13')
     SelectIds_tblFA(Listbox,div,hdnField,tblName)
}
//this function for tblRoles
function SelectEnterValue_tblRoles(e,Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblRoles = hdnField;
    ListboxID_tblRoles = Listbox;
    tblNameID_tblRoles = tblName; 
    divID_tblRoles=div;
    
    var KeyID;
	if(window.event) // IE
	    KeyID = event.keyCode;                
    else if(e.which) // Netscape/Firefox/Opera
        KeyID = e.which;
    if(KeyID=='13')
     SelectIds_tblRoles(Listbox,div,hdnField,tblName)
}
//this function for tblLocation
function SelectEnterValue_tblLocation(e,Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblLocation = hdnField;
    ListboxID_tblLocation = Listbox;
    tblNameID_tblLocation = tblName; 
    divID_tblLocation=div;
    
    var KeyID;
	if(window.event) // IE
	    KeyID = event.keyCode;                
    else if(e.which) // Netscape/Firefox/Opera
        KeyID = e.which;
    if(KeyID=='13')
     SelectIds_tblLocation(Listbox,div,hdnField,tblName)
}
//this function for tblIndustry
function SelectEnterValue_tblIndustry(e,Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblIndustry = hdnField;
    ListboxID_tblIndustry = Listbox;
    tblNameID_tblIndustry = tblName; 
    divID_tblIndustry=div;
    
    var KeyID;
	if(window.event) // IE
	    KeyID = event.keyCode;                
    else if(e.which) // Netscape/Firefox/Opera
        KeyID = e.which;
    if(KeyID=='13')
     SelectIds_tblIndustry(Listbox,div,hdnField,tblName)
}


var skillIds;
var Ids = new Array(); 
var SelIds = new Array(); 
var x ; 
var Test_tblFArea = 0;
var Test_tblIndustry = 0;
var Test_tblRoles = 0;
var Test_tblVisa = 0;
var Test_tblSkills = 0;
var Test_tblLocation = 0;

//this function for tblFArea
function SelectIds_tblFA(Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblFA = hdnField;
    ListboxID_tblFA = Listbox;
    tblNameID_tblFA = tblName; 
    divID_tblFA=div;
    
    if(document.getElementById(Listbox).options.length == 0)
    {
        return false;
    }
    
    var dl = document.getElementById(Listbox);
    var div = document.getElementById(div);
    if(dl.selectedIndex!=-1)
        var val = dl.options[dl.selectedIndex].value;
    var Data = document.getElementById(hdnField).value;
    
    var Test_tblFA=true;

    if(document.getElementById(hdnField).value != '')
    {
        var str1 = Data.split(",");
        if(str1.length > 4)
        {
            alert('Select maximum 2');
            return false;
        }
        
        for(i =0;i<((str1.length)-1);i++)
        {
            if(str1[i]== val)
            {
                Test_tblFA=false;
            }            
        }
    }  
    if(Test_tblFA==true)
    {
        var newTable,startTag,endTag;
        startTag="<TABLE id='"+tblName+"' runat='server' class='TblLstBox'> <TR><TD class='TDValue'></TD><TD class='TDLstBox'></TD><TD class='TDLstBoxDelete'></TD></TR>"
        endTag="</TABLE>"
        newTable=startTag;
        var trContents;
        //Get the row contents
        trContents=div.getElementsByTagName('TR');
        if(trContents.length > 1)
        {
            for(i = 1; i < trContents.length; i++)
            { 
                var ancd = trContents[i].innerHTML;
                if(String(ancd)!="")
                {
                    newTable=newTable + "<TR>" + ancd + "</TR>";
                }
            }
        }
        
        else
        {
            newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Functional Area</TD></TR>"
        }
        if(dl.selectedIndex!=-1)
        {
            document.getElementById(hdnField).value=document.getElementById(hdnField).value+dl.options[dl.selectedIndex].value+','+dl.options[dl.selectedIndex].text+',';
            newTable+="<TR><TD class='TDValue'>" + dl.options[dl.selectedIndex].value +"</TD>";
            newTable+="<TD class='TDLstBox'>" + dl.options[dl.selectedIndex].text +"</TD>";
            
            // newTable+="<TD class='TDLstBoxDelete'>" +  "<a  style='background-image: url(Images/DelLstBoxR.jpg);' onclick='removeRow_Audi(this);' ><span style='color: #E7F1FE'>ab</span></a>" + "</TD><TR>";
            newTable+="<TD class='TDLstBoxDelete'>" +  "<img  style='cursor: hand;'   alt='Delete' SRC=\"Images\\DelLstBoxR.jpg\" onclick='removeRow_tblFA(this);' />" + "</TD><TR>";
            newTable+=endTag;
        }
        else
        {
            return false;
        }
        if(Listbox.toString()=='ctl00_ContentPlaceHolder1_lbFA')
            SelectRoles(Listbox,'ctl00_ContentPlaceHolder1_lbRole')
            
        div.innerHTML=newTable;
    }
}
//this function for tblRoles
function SelectIds_tblRoles(Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblRoles = hdnField;
    ListboxID_tblRoles = Listbox;
    tblNameID_tblRoles = tblName; 
    divID_tblRoles=div;
    
    if(document.getElementById(Listbox).options.length == 0)
    {
        return false;
    }
    
    var dl = document.getElementById(Listbox);
    var div = document.getElementById(div);
    if(dl.selectedIndex!=-1)
        var val = dl.options[dl.selectedIndex].value;
    var Data = document.getElementById(hdnField).value;
    
    var Test_tblRoles=true;
    if(document.getElementById(hdnField).value != '')
    {
        var str1 = Data.split(",");
        
        if(str1.length > 10)
        {
            alert('Select maximum 5');
            return false;
        }       
        
        for(i =0;i<((str1.length)-1);i++)
        {
            if(str1[i]== val)
            {
                Test_tblRoles=false;
            }            
        }
    } 
    
    if(Test_tblRoles==true)
    {
        var newTable,startTag,endTag;
        startTag="<TABLE id='"+tblName+"' runat='server' class='TblLstBox'> <TR><TD class='TDValue'></TD><TD class='TDLstBox'></TD><TD class='TDLstBoxDelete'></TD></TR>"
        endTag="</TABLE>"
        newTable=startTag;
        var trContents;
        //Get the row contents
        trContents=div.getElementsByTagName('TR');
        if(trContents.length > 1)
        {
            for(i = 1; i < trContents.length; i++)
            { 
                var ancd = trContents[i].innerHTML;
                if(String(ancd)!="")
                {
                    newTable=newTable + "<TR>" + ancd + "</TR>";
                }
            }
        }        
        else
        {            
            newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Roles</TD></TR>"
        }
        if(dl.selectedIndex!=-1)
        {
            document.getElementById(hdnField).value=document.getElementById(hdnField).value+dl.options[dl.selectedIndex].value+','+dl.options[dl.selectedIndex].text+',';
            newTable+="<TR><TD class='TDValue'>" + dl.options[dl.selectedIndex].value +"</TD>";
            newTable+="<TD class='TDLstBox'>" + dl.options[dl.selectedIndex].text +"</TD>";
            
            // newTable+="<TD class='TDLstBoxDelete'>" +  "<a  style='background-image: url(Images/DelLstBoxR.jpg);' onclick='removeRow_Audi(this);' ><span style='color: #E7F1FE'>ab</span></a>" + "</TD><TR>";
            newTable+="<TD class='TDLstBoxDelete'>" +  "<img  style='cursor: hand;'   alt='Delete' SRC=\"Images\\DelLstBoxR.jpg\" onclick='removeRow_tblRoles(this);' />" + "</TD><TR>";
            newTable+=endTag;
        }
        else
        {
            return false;
        }
            
        div.innerHTML=newTable;
    }
}
//this function for tblLocation
function SelectIds_tblLocation(Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblLocation = hdnField;
    ListboxID_tblLocation = Listbox;
    tblNameID_tblLocation = tblName; 
    divID_tblLocation=div;
    
    var dl = document.getElementById(Listbox);
    var div = document.getElementById(div);
    if(dl.selectedIndex!=-1)
        var val = dl.options[dl.selectedIndex].value;
    var Data = document.getElementById(hdnField).value;
    
    var Test_tblLocation=true;

    if(document.getElementById(hdnField).value != '')
    {
        var str1 = Data.split(",");
        
        for(i =0;i<((str1.length)-1);i++)
        {
            if(str1[i]== val)
            {
                Test_tblLocation=false;
            }            
        }
    }      
    if(Test_tblLocation==true)
    {
         var newTable,startTag,endTag;
        startTag="<TABLE id='"+tblName+"' runat='server' class='TblLstBox'> <TR><TD class='TDValue'></TD><TD class='TDLstBox'></TD><TD class='TDLstBoxDelete'></TD></TR>"
        endTag="</TABLE>"
        newTable=startTag;
        var trContents;
        //Get the row contents
        trContents=div.getElementsByTagName('TR');
        if(trContents.length > 1)
        {
            for(i = 1; i < trContents.length; i++)
            { 
                var ancd = trContents[i].innerHTML;
                if(String(ancd)!="")
                {
                    newTable=newTable + "<TR>" + ancd + "</TR>";
                }
            }
        }
        
        else
        {                
            newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Locations</TD></TR>"    
        }
        if(dl.selectedIndex!=-1)
        {
            document.getElementById(hdnField).value=document.getElementById(hdnField).value+dl.options[dl.selectedIndex].value+','+dl.options[dl.selectedIndex].text+',';
            newTable+="<TR><TD class='TDValue'>" + dl.options[dl.selectedIndex].value +"</TD>";
            newTable+="<TD class='TDLstBox'>" + dl.options[dl.selectedIndex].text +"</TD>";
            
          // newTable+="<TD class='TDLstBoxDelete'>" +  "<a  style='background-image: url(Images/DelLstBoxR.jpg);' onclick='removeRow_Audi(this);' ><span style='color: #E7F1FE'>ab</span></a>" + "</TD><TR>";
           newTable+="<TD class='TDLstBoxDelete'>" +  "<img  style='cursor: hand;'   alt='Delete' SRC=\"Images\\DelLstBoxR.jpg\" onclick='removeRow_tblLocation(this);' />" + "</TD><TR>";
            newTable+=endTag;
        }
        else
        {
            return false;
        }
            
        div.innerHTML=newTable;
    }
}

//this function for tblIndustry
function SelectIds_tblIndustry(Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblIndustry = hdnField;
    ListboxID_tblIndustry = Listbox;
    tblNameID_tblIndustry = tblName; 
    divID_tblIndustry=div;
    
    var dl = document.getElementById(Listbox);
    var div = document.getElementById(div);
    if(dl.selectedIndex!=-1)
        var val = dl.options[dl.selectedIndex].value;
    var Data = document.getElementById(hdnField).value;
    
    var Test_tblIndustry=true;

    if(document.getElementById(hdnField).value != '')
    {
        var str1 = Data.split(",");
        
        if(str1.length > 4)
        {
            alert('Select maximum 2');
            return false;
        }       
        
        for(i =0;i<((str1.length)-1);i++)
        {
            if(str1[i]== val)
            {
                Test_tblIndustry=false;
            }            
        }
    }      
    if(Test_tblIndustry==true)
    {
         var newTable,startTag,endTag;
        startTag="<TABLE id='"+tblName+"' runat='server' class='TblLstBox'> <TR><TD class='TDValue'></TD><TD class='TDLstBox'></TD><TD class='TDLstBoxDelete'></TD></TR>"
        endTag="</TABLE>"
        newTable=startTag;
        var trContents;
        //Get the row contents
        trContents=div.getElementsByTagName('TR');
        if(trContents.length > 1)
        {
            for(i = 1; i < trContents.length; i++)
            { 
                var ancd = trContents[i].innerHTML;
                if(String(ancd)!="")
                {
                    newTable=newTable + "<TR>" + ancd + "</TR>";
                }
            }
        }
        
        else
        {                
            newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Industries</TD></TR>"    
        }
        if(dl.selectedIndex!=-1)
        {
            document.getElementById(hdnField).value=document.getElementById(hdnField).value+dl.options[dl.selectedIndex].value+','+dl.options[dl.selectedIndex].text+',';
            newTable+="<TR><TD class='TDValue'>" + dl.options[dl.selectedIndex].value +"</TD>";
            newTable+="<TD class='TDLstBox'>" + dl.options[dl.selectedIndex].text +"</TD>";
            
          // newTable+="<TD class='TDLstBoxDelete'>" +  "<a  style='background-image: url(Images/DelLstBoxR.jpg);' onclick='removeRow_Audi(this);' ><span style='color: #E7F1FE'>ab</span></a>" + "</TD><TR>";
            newTable+="<TD class='TDLstBoxDelete'>" +  "<img  style='cursor: hand;'   alt='Delete' SRC=\"Images\\DelLstBoxR.jpg\" onclick='removeRow_tblIndustry(this);' />" + "</TD><TR>";
            newTable+=endTag;
        }
        else
        {
            return false;
        }
            
        div.innerHTML=newTable;
    }
}
//function AssignIDs()
//{
//    return strIDs = ListboxID + "," + HiddenFieldID + "," + tblNameID;
//    alert(strIDs);
//}
//this function for tblFA
function removeRow_tblFA(src)
{
    var ele = document.getElementById(ListboxID_tblFA); 
    ele.selectedIndex= -1; 
       
    var oRow = src.parentNode.parentNode;
    var cell = oRow.getElementsByTagName("TD");
    var Data = document.getElementById(HiddenFieldID_tblFA).value;
    var str1 = document.getElementById(HiddenFieldID_tblFA).value.split(",");
    var j = 0;	
    while (j < str1.length) 
    {
        if (str1[j] == cell[0].innerHTML) 
        {	
            str1.splice(j, 1);
            str1.splice(j, 1);
        }
        else 
        {
            j++; 
        }
    }
    //alert(tblNameID);
    document.getElementById(tblNameID_tblFA).deleteRow(oRow.rowIndex);
    document.getElementById(HiddenFieldID_tblFA).value = str1; 
    
    if(tblNameID_tblFA == "tblFA")
    {
        addRelatedItems(str1,'ctl00_ContentPlaceHolder1_lbRole');
        document.getElementById('ctl00_ContentPlaceHolder1_hdnRole').value =''; 
        document.getElementById('ctl00_ContentPlaceHolder1_divRole').innerHTML="";
    }
    if (str1=="")    
    {
        document.getElementById(tblNameID_tblFA).style.display = 'none';
        document.getElementById(tblNameID_tblFA).removeNode(true);
        document.getElementById('ctl00_ContentPlaceHolder1_divFA').innerHTML="Double click or enter to select";
    }    
}
//this function for tblRoles
function removeRow_tblRoles(src)
{
    var ele = document.getElementById(ListboxID_tblRoles); 
    ele.selectedIndex= -1; 
       
    var oRow = src.parentNode.parentNode;
    var cell = oRow.getElementsByTagName("TD");
    var Data = document.getElementById(HiddenFieldID_tblRoles).value;
    var str1 = document.getElementById(HiddenFieldID_tblRoles).value.split(",");
    var j = 0;	
    while (j < str1.length) 
    {
        if (str1[j] == cell[0].innerHTML) 
        {	
            str1.splice(j, 1);
            str1.splice(j, 1);
        }
        else 
        {
            j++; 
        }
    }
    //alert(tblNameID);
    document.getElementById(tblNameID_tblRoles).deleteRow(oRow.rowIndex);
    document.getElementById(HiddenFieldID_tblRoles).value = str1; 
    
    if (str1=="")    
    {
        document.getElementById(tblNameID_tblRoles).style.display = 'none';
        document.getElementById(tblNameID_tblRoles).removeNode(true);   
        document.getElementById(divID_tblRoles).innerHTML="Double click or enter to select";    
    }    
}
//this function for tblLocation
function removeRow_tblLocation(src)
{
    var ele = document.getElementById(ListboxID_tblLocation); 
       ele.selectedIndex= -1; 
       
    var oRow = src.parentNode.parentNode;
    var cell = oRow.getElementsByTagName("TD");
    var Data = document.getElementById(HiddenFieldID_tblLocation).value;
    var str1 = document.getElementById(HiddenFieldID_tblLocation).value.split(",");
    var j = 0;	
    while (j < str1.length) 
    {
        if (str1[j] == cell[0].innerHTML) 
        {	
            str1.splice(j, 1);
            str1.splice(j, 1);
        }
        else 
        {
            j++; 
        }
    }
    //alert(tblNameID);
    document.getElementById(tblNameID_tblLocation).deleteRow(oRow.rowIndex);
    document.getElementById(HiddenFieldID_tblLocation).value = str1; 
    
    if (str1=="")    
    {
        document.getElementById(tblNameID_tblLocation).style.display = 'none';
        document.getElementById(tblNameID_tblLocation).removeNode(true);  
        document.getElementById(divID_tblLocation).innerHTML="Double click or enter to select";          
    }    
}
//this function for tblIndustry
function removeRow_tblIndustry(src)
{
    var ele = document.getElementById(ListboxID_tblIndustry); 
       ele.selectedIndex= -1; 
       
    var oRow = src.parentNode.parentNode;
    var cell = oRow.getElementsByTagName("TD");
    var Data = document.getElementById(HiddenFieldID_tblIndustry).value;
    var str1 = document.getElementById(HiddenFieldID_tblIndustry).value.split(",");
    var j = 0;	
    while (j < str1.length) 
    {
        if (str1[j] == cell[0].innerHTML) 
        {	
            str1.splice(j, 1);
            str1.splice(j, 1);
        }
        else 
        {
            j++; 
        }
    }
    //alert(tblNameID);
    document.getElementById(tblNameID_tblIndustry).deleteRow(oRow.rowIndex);
    document.getElementById(HiddenFieldID_tblIndustry).value = str1; 
    
    if (str1=="")    
    {
        document.getElementById(tblNameID_tblIndustry).style.display = 'none';
        document.getElementById(tblNameID_tblIndustry).removeNode(true);   
        document.getElementById(divID_tblIndustry).innerHTML="Double click or enter to select";         
    }    
}

function addRelatedItems(ids,lstBox)
{
    var lsbstr=lstBox.toString();
    var SelIds='';
    SubFAClientID=document.getElementById(lsbstr);
    
    //Clear List Box
    var lstBox = document.getElementById(lsbstr);       
    lstBox.innerHTML="";
    lstBox.selectedIndex = -1;    

    for(j=0;j<ids.length;j++)
    { 
        if(j%2 != 0)
        {
            if(ids[j-1]!="")
            {
                wsService.GetSubFunctions(ids[j-1],onCompleted,onError);
            }
        } 
    }     
}

//Onpage load check for previous data
// this function for tblFArea
function LdPrvData_tblFA(oLstbox,osDiv,ohdnField,otblName)
{
    HiddenFieldID_tblFA = ohdnField;
    ListboxID_tblFA = oLstbox;
    tblNameID_tblFA = otblName;
    divID_tblRoles = osDiv;
    
    var Lstbox =oLstbox.toString();
    var sDiv=osDiv.toString();
    var hdnField=ohdnField.toString();
    var tblName=otblName.toString();
    
    var i;
    var dl = document.getElementById(Lstbox);
    
    var newTable,startTag,endTag;
    
    startTag="<TABLE id='"+tblName+"' runat='server' class='TblLstBox'><TR><TD class='TDValue'></TD><TD class='TDLstBox'></TD><TD class='TDLstBoxDelete'></TD></TR>"
    endTag="</TABLE>"
    
    newTable=startTag;
    
    newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Functional Area</TD></TR>"
    
    var Data = document.getElementById(hdnField).value;

    if(document.getElementById(hdnField).value != '')
    {
        var str = Data.split(",");
        
        if(tblName == "tblFA")
            addRelatedItems(str,'ctl00_ContentPlaceHolder1_lbRole');            
        
        for(i =0;i<((str.length)-1);i++)
        {        
         if(i%2 == 0)
            {
               
                newTable+="<TR><TD class='TDValue'>" + str[i] +"</TD>";
                newTable+="<TD class='TDLstBox'>" + str[i+1] +"</TD>";
                newTable+="<TD class='TDLstBoxDelete'>" +  "<img  style='cursor: hand;'   alt='Delete' SRC=\"Images\\DelLstBoxR.jpg\" onclick='removeRow_tblFA(this);' /> " +"</TD><TR>";
            }
        }
        newTable+=endTag;
        document.getElementById(sDiv).innerHTML=newTable;
    }
}
// this function for tblRoles
function LdPrvData_tblRoles(oLstbox,osDiv,ohdnField,otblName)
{
    HiddenFieldID_tblRoles = ohdnField;
    ListboxID_tblRoles = oLstbox;
    tblNameID_tblRoles = otblName;
    divID_tblRoles = osDiv;

    var Lstbox =oLstbox.toString();
    var sDiv=osDiv.toString();
    var hdnField=ohdnField.toString();
    var tblName=otblName.toString();
    
    var i;
    var dl = document.getElementById(Lstbox);
    
    var newTable,startTag,endTag;
    
    startTag="<TABLE id='"+tblName+"' runat='server' class='TblLstBox'><TR><TD class='TDValue'></TD><TD class='TDLstBox'></TD><TD class='TDLstBoxDelete'></TD></TR>"
    endTag="</TABLE>"
    
    newTable=startTag;    
    
    newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Roles</TD></TR>"       
    
    var Data = document.getElementById(hdnField).value;

    if(document.getElementById(hdnField).value != '')
    {
        var str = Data.split(",");
        
        for(i =0;i<((str.length)-1);i++)
        {        
         if(i%2 == 0)
            {
               
                newTable+="<TR><TD class='TDValue'>" + str[i] +"</TD>";
                newTable+="<TD class='TDLstBox'>" + str[i+1] +"</TD>";
                newTable+="<TD class='TDLstBoxDelete'>" +  "<img  style='cursor: hand;'   alt='Delete' SRC=\"Images\\DelLstBoxR.jpg\" onclick='removeRow_tblRoles(this);' /> " +"</TD><TR>";
            }
        }
        newTable+=endTag;
        document.getElementById(sDiv).innerHTML=newTable;
    }
}
// this function for tblLocation
function LdPrvData_tblLocation(oLstbox,osDiv,ohdnField,otblName)
{
    HiddenFieldID_tblLocation = ohdnField;
    ListboxID_tblLocation = oLstbox;
    tblNameID_tblLocation = otblName;
    divID_tblLocation = osDiv;

    var Lstbox =oLstbox.toString();
    var sDiv=osDiv.toString();
    var hdnField=ohdnField.toString();
    var tblName=otblName.toString();
    
    var i;
    var dl = document.getElementById(Lstbox);
    
    var newTable,startTag,endTag;
    
    startTag="<TABLE id='"+tblName+"' runat='server' class='TblLstBox'><TR><TD class='TDValue'></TD><TD class='TDLstBox'></TD><TD class='TDLstBoxDelete'></TD></TR>"
    endTag="</TABLE>"
    
    newTable=startTag;    
    
    newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Locations</TD></TR>"        
    
    var Data = document.getElementById(hdnField).value;

    if(document.getElementById(hdnField).value != '')
    {
        var str = Data.split(",");
        
        for(i =0;i<((str.length)-1);i++)
        {        
         if(i%2 == 0)
            {
               
                newTable+="<TR><TD class='TDValue'>" + str[i] +"</TD>";
                newTable+="<TD class='TDLstBox'>" + str[i+1] +"</TD>";
                newTable+="<TD class='TDLstBoxDelete'>" +  "<img  style='cursor: hand;'   alt='Delete' SRC=\"Images\\DelLstBoxR.jpg\" onclick='removeRow_tblLocation(this);' /> " +"</TD><TR>";
            }
        }
        newTable+=endTag;
        document.getElementById(sDiv).innerHTML=newTable;
    }
}
// this function for tblIndustry
function LdPrvData_tblIndustry(oLstbox,osDiv,ohdnField,otblName)
{
    HiddenFieldID_tblIndustry = ohdnField;
    ListboxID_tblIndustry = oLstbox;
    tblNameID_tblIndustry = otblName;
    divID_tblIndustry = osDiv;

    var Lstbox =oLstbox.toString();
    var sDiv=osDiv.toString();
    var hdnField=ohdnField.toString();
    var tblName=otblName.toString();
    
    var i;
    var dl = document.getElementById(Lstbox);
    
    var newTable,startTag,endTag;
    
    startTag="<TABLE id='"+tblName+"' runat='server' class='TblLstBox'><TR><TD class='TDValue'></TD><TD class='TDLstBox'></TD><TD class='TDLstBoxDelete'></TD></TR>"
    endTag="</TABLE>"
    
    newTable=startTag;    
    
    newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Industries</TD></TR>"        
    
    var Data = document.getElementById(hdnField).value;

    if(document.getElementById(hdnField).value != '')
    {
        var str = Data.split(",");
        
        for(i =0;i<((str.length)-1);i++)
        {        
         if(i%2 == 0)
            {
               
                newTable+="<TR><TD class='TDValue'>" + str[i] +"</TD>";
                newTable+="<TD class='TDLstBox'>" + str[i+1] +"</TD>";
                newTable+="<TD class='TDLstBoxDelete'>" +  "<img  style='cursor: hand;'   alt='Delete' SRC=\"Images\\DelLstBoxR.jpg\" onclick='removeRow_tblIndustry(this);' /> " +"</TD><TR>";
            }
        }
        newTable+=endTag;
        document.getElementById(sDiv).innerHTML=newTable;
    }
}

function onCompSpecification(result)
{
    if (result != null)
    {
    
        var e = document.getElementById(result[(result.length)-1]);
        
        var optn = document.createElement("OPTION");
	    optn.text = '- Select -';
	    optn.value = '0';
	    e.options.add(optn);
    
        var k=0;
	    for(j=0;j<((result.length)-2);j++)
	    {
	        if(j%2 != 0)
	        {
	            addOption(e, result[j-1], result[j] );
	        }
	    }
    }
}


function SelectSpecial(oddlSpec,hdfSpec) 
{
    var ddlSp = document.getElementById(oddlSpec.toString()); 
    document.getElementById(hdfSpec.toString()).value='';
    document.getElementById(hdfSpec.toString()).value=ddlSp.options[ddlSp.selectedIndex].value; 
}