// JScript File

// JScript File

var HiddenFieldID_tblLangKnown;
var ListboxID_tblLangKnown;
var tblNameID_tblLangKnown;

//this function for tblLangKnown
function SelectEnterValue_tblLangKnown(e,Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblLangKnown = hdnField;
    ListboxID_tblLangKnown = Listbox;
    tblNameID_tblLangKnown = tblName; 
    
    var KeyID;
	if(window.event) // IE
	    KeyID = event.keyCode;                
    else if(e.which) // Netscape/Firefox/Opera
        KeyID = e.which;
    if(KeyID=='13')
     SelectIds_tblLangKnown(Listbox,div,hdnField,tblName)
}

//this function for tblLangKnown
function SelectIds_tblLangKnown(Listbox,div,hdnField,tblName)
{
    HiddenFieldID_tblLangKnown = hdnField;
    ListboxID_tblLangKnown = Listbox;
    tblNameID_tblLangKnown = tblName; 
    
    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_tblLangKnown=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_tblLangKnown=false;
            }            
        }
    } 
    
    if(Test_tblLangKnown==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
        {
            if(tblName=="tblLangKnown")
                newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Languages</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'>" +  "<img  style='cursor: hand;' alt='Delete' SRC=\"images\\DelLstBoxR.jpg\" onclick='removeRow_tblLangKnown(this);' />" + "</TD><TR>";
            newTable+=endTag;
        }
        else
        {
            return false;
        }
            
        div.innerHTML=newTable;
    }
}

//this function for tblLangKnown
function removeRow_tblLangKnown(src)
{
    var ele = document.getElementById(ListboxID_tblLangKnown); 
       ele.selectedIndex= -1; 
       
    var oRow = src.parentNode.parentNode;
    var cell = oRow.getElementsByTagName("TD");
    var Data = document.getElementById(HiddenFieldID_tblLangKnown).value;
    var str1 = document.getElementById(HiddenFieldID_tblLangKnown).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++; 
        }
    }
    
    document.getElementById(tblNameID_tblLangKnown).deleteRow(oRow.rowIndex);
    document.getElementById(HiddenFieldID_tblLangKnown).value = str1; 
    
    if (str1=="")    
    {
        document.getElementById(tblNameID_tblLangKnown).style.display = 'none';
        document.getElementById(tblNameID_tblLangKnown).removeNode(true);        
    }
}

//this function for tblLangKnown
function LdPrvData_tblLangKnown(oLstbox,osDiv,ohdnField,otblName)
{
    HiddenFieldID_tblLangKnown = ohdnField;
    ListboxID_tblLangKnown = oLstbox;
    tblNameID_tblLangKnown = otblName;

    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;
    
    if(tblName=="tblLangKnown")
        newTable+="<TR><TD colspan='3' class='TblLstBoxHeader'>Selected Languages</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_tblLangKnown(this);' /> " +"</TD><TR>";
            }
        }
        newTable+=endTag;
        document.getElementById(sDiv).innerHTML=newTable;
    }
}