/*================================================================
(c) 2007 Michael Hall Transformation Systems, All rights reserved

USE: Java Script Library for Lookatme


supports: /controls/stack
==================================================================*/

function tooltip(id) { 
//Wyswietl tooltip 
      var prevbtn = document.getElementById(id);
} 

function resizeTextbox(txtID, size, mode)
    {//resize the textbox

        var txt = document.getElementById(txtID);
        var r = txt.rows;
        
        
        if (mode=='increase')
        {   
            r = r * size;
        }
        else    //decrease
        {   
            r = r/size;
        }
        if (r>1){
            txt.rows = r;
        }
    }

function checkStack(hidID, divID)
    {//check if stack is set to visible or hidden when it first loads
        var hid = document.getElementById(hidID);
        var div = document.getElementById(divID);
        if (typeof hid != "undefined" && null != hid) { 
            if (hid.value =='Show')
            {   div.style.visibility = 'visible';
                hid.value = '';
            }
        }
    }

function IsNumeric(strString)
   //  check for valid numeric strings	
   {
   var strValidChars = "0123456789";
   var strChar;
   var blnResult = true;

   if (strString.length == 0) return false;

   //  test strString consists of valid characters listed above
   for (i = 0; i < strString.length && blnResult == true; i++)
      {
      strChar = strString.charAt(i);
      if (strValidChars.indexOf(strChar) == -1)
         {
         blnResult = false;
         }
      }
   return blnResult;
   }


function validateAddImg(lblID){
    var lbl = document.getElementById(lblID);
    var sText = new String();
    sText = lbl.innerHTML;
    
    sText = sText.substring(0, 1);
    var bResult = IsNumeric(sText);
    
    if (bResult == true)
    {
        if (sText !== '0')
        {
        return confirm('Please click OK to add items in your selection to this record.');
        }
    }
    else
    {
        alert('No records selected.');
        return false;
    }
    
}

function selectTempCollection(ddlID, lblID){
    var ddl = document.getElementById(ddlID);
    var lbl = document.getElementById(lblID);
    var i = ddl.selectedIndex;
    var sList = new String();
    sList = ddl.options[i].value;
    if (sList == '')
    {   lbl.innerHTML = 'No record selected';}
    else
    {
        var aList = sList.split(",");  
        lbl.innerHTML = aList.length + ' record(s) selected';
    }
   
    
}

function passValueList(hidChangeID, row, txtID, mode, deli){
    var txt = document.getElementById(txtID);
    var val = txt.innerHTML;
    
    txt.innerHTML = '';
    //var i = 0;
 
   //for ( i = 9; i < 15; i++ ){
   //     if (val.charCodeAt(i) == 13 || val.charCodeAt(i) == 10) {
        //if (val.charCodeAt(i) == 13 ) {
    //      alert(i + '=' + val.charAt(i) + ':'+ val.charCodeAt(i));
   //     val = val.replace(char(13), "");
   //       val = val.replace(char(10), "");
  //      }
        //if (val.indexOf('')) {
        //    val = val.replace("username", visitorName);
        //}
  // }
    changeValueList(hidChangeID, row, val, mode, deli);
}

function passMultiValueList(hidChangeID, row, ddID1,txtID2,txtID3, txtMidSplit, txtEndSplit, mode, deli){

    var val = "¤" + document.getElementById(ddID1).options[document.getElementById(ddID1).selectedIndex].value + "¤±"
    if (txtMidSplit.length > 1){
        val += txtMidSplit
        val = val.replace("^midvalue^",document.getElementById(txtID2).value)
        val += document.getElementById(txtID3).value
    }
    else if (txtEndSplit.length > 1){
        val += " " + txtEndSplit
        val = val.replace("^endvalue^",document.getElementById(txtID3).value)
    }
    changeValueList(hidChangeID, row, val, mode, deli);
}

function passMultiValueListBegin(hidChangeID, row, ddID1, txtID2, txtID3, txtBegSplit, mode, deli){

    var val = document.getElementById(txtID2).value
    if (txtBegSplit.length > 1){
        val += txtBegSplit
        val = val.replace("^begvalue^","¤" + document.getElementById(ddID1).options[document.getElementById(ddID1).selectedIndex].value + "¤±")
        val += " " + document.getElementById(txtID3).innerHTML
    }
    changeValueList(hidChangeID, row, val, mode, deli);
    
}

function passMultiValueListText(hidChangeID, row, txtID1,txtID2,txtID3, txtMidSplit, txtEndSplit, mode, deli){

    var val = document.getElementById(txtID1).value
    if (txtMidSplit.length > 1){
        val += "± " +  txtMidSplit
        val = val.replace("^midvalue^",document.getElementById(txtID2).innerHTML)
        val += document.getElementById(txtID3).innerHTML
    }
    else if (txtEndSplit.length > 1){
        val += "±" + txtEndSplit
        val = val.replace("^endvalue^",document.getElementById(txtID3).innerHTML)
    }
    
    changeValueList(hidChangeID, row, val, mode, deli);
    
}

function changeDDLValue(hidChangeID, ddlID, row)
{
    var hidChange = document.getElementById(hidChangeID);
    var ddl = document.getElementById(ddlID);
    var i = ddl.selectedIndex;
    var sVal = new String();
    sVal = ddl.options[i].value;
     
    hidChange.value = row + '~replace~' + sVal;
    document.aspnetForm.submit(); 
}

function changeValueList(hidChangeID, row, sVal, mode, deli)
{   //adds the concatinated option name, mode, value and delimiter to 
    // the hidden field hidChange and submits the form
     
    var hidChange = document.getElementById(hidChangeID);       
    hidChange.value = row + '~' + mode + '~' + sVal + '~' + deli ;
    // '~' + deli not required in authorities 
 
   //alert(hidChange.value) 
   
    document.aspnetForm.submit();  
}

function changeValueListExhibit(hidChangeID, row, sVal, sNotes, mode, deli)
{   //adds the concatinated option name, mode, value and delimiter to 
    // the hidden field hidChange and submits the form
     
    var hidChange = document.getElementById(hidChangeID);       
    hidChange.value = row + '~' + mode + '~¤' + sVal+ "¤± - " +  document.getElementById(sNotes).innerHTML + '~' + deli ;
    // '~' + deli not required in authorities 
 
   //alert(hidChange.value) 
   
    document.aspnetForm.submit();  
}


function changeLinkList(hidChangeID, row, mode, ctext, curl, deli)
{   //adds the contents of the concatinated textURL, linkURL and delimiter to 
    // the hidden field hidChange and submits the form
     
    var hidChange = document.getElementById(hidChangeID);  
    var ftext = document.getElementById(ctext);   
    var furl = document.getElementById(curl);  
            
    hidChange.value = row + '~' + mode + '~' + ftext.value + '|' + furl.value; 
   
//alert(hidChange.value)   //  URL~replace~Text for Link~http://www.link
   
    document.aspnetForm.submit();  
}

function addLinkList(hidChangeID, row, mode, ctext, curl, expText, endSplit, deli)
{   //adds the contents of the concatinated textURL, linkURL and delimiter to 
    // the hidden field hidChange and submits the form
     
    var hidChange = document.getElementById(hidChangeID);  
    var ftext = document.getElementById(ctext).innerHTML;   
    var furl = document.getElementById(curl); 
    ftext += "± " + endSplit;
    ftext = ftext.replace("^endvalue^",document.getElementById(expText).innerHTML);
            
    hidChange.value = row + '~' + mode + '~' + ftext + '¤' + furl.value+ '~' + deli ; 
   
//alert(hidChange.value)   //  URL~replace~Text for Link~http://www.link
   
    document.aspnetForm.submit();  
}

function addLinkListDAM(hidChangeID, row, mode, ctext, curl, deli)
{   //adds the contents of the concatinated textURL, linkURL and delimiter to 
    // the hidden field hidChange and submits the form
     
    var hidChange = document.getElementById(hidChangeID);  
    var ftext = document.getElementById(ctext).innerHTML;   
    var furl = document.getElementById(curl); 
                
    hidChange.value = row + '~' + mode + '~' + ftext + '¤' + furl.value+ '~' + deli ; 
   
//alert(hidChange.value)   //  URL~replace~Text for Link~http://www.link
   
    document.aspnetForm.submit();  
}



/*

  SG : This is a clone copy of editCollectionType. This 
       function uses display = none instead of visibility = hidden.
       'Display = none' will solve the problem of the appearance of 
       white space/gaps when the field is set to invisible.
*/
function editCollectionType1(hidModeID, lblID, ddlID)
    {
    var hidMode = document.getElementById(hidModeID);
    
    if (hidMode.value == 'collecttype')
    {
        var lbl = document.getElementById(lblID);
        var ddl = document.getElementById(ddlID);
        if (lbl.style.display == 'block')
        {
            lbl.style.display = 'none';
            ddl.style.display = 'block';
        }
        else
        {
            var i = ddl.selectedIndex;
            lbl.innerHTML = ddl.options[i].text;
        
            lbl.style.display = 'block';
            ddl.style.display = 'none';
        }
        }
    }



function editCollectionType(lblID, ddlID)
    {
    var lbl = document.getElementById(lblID);
    var ddl = document.getElementById(ddlID);
        if (lbl.style.visibility == 'visible')
        {
            lbl.style.visibility = 'hidden';
            ddl.style.visibility = 'visible';
        }
        else
        {
            var i = ddl.selectedIndex;
            lbl.innerHTML = ddl.options[i].text;
        
            lbl.style.visibility = 'visible';
            ddl.style.visibility = 'hidden';
            
        }
    }

function setMode(id, lblid, hidID, prevbtnID, btnID, val){
    var mode = document.getElementById(id);
    var lbl = document.getElementById(lblid);
    var hid = document.getElementById(hidID);
    var btn = document.getElementById(btnID);
    var prevbtn = document.getElementById(prevbtnID);

    if (hid.value !== ''){
        var plbl = document.getElementById(hid.value);
        plbl.style.background = 'white';
    }
    
    if (prevbtn.value !==''){
        var pbtn = document.getElementById(prevbtn.value);
        pbtn.style.visibility = 'hidden';
    }
    
    if (mode.value == val)
        {lbl.style.background = 'white';
         lbl.style.fontWeight = 'normal';
         mode.value = '';
         prevbtn.value = '';
         btn.style.visibility = 'hidden';}
    else
        {mode.value = val;
         lbl.style.background = '#DEF4F7';
         lbl.style.fontWeight = 'bold';
         hid.value = lblid;
         prevbtn.value = btnID;
         btn.style.visibility = 'visible';
         }
}

/*****************************************************************
   Inserted by sg on 10 May 2007
   Purpose: The original setMode does not allow user to set 
            which field to be bold. This function is designed to
            overcome this limitation. bID control is the control
            where the font will become bold.
            This function is used in collectinAdmin.aspx
*****************************************************************/
function setModeTS(id, lblid, hidID, prevbtnID, btnID, val, tid){
//alert(id + "," + lblid+ "," +hidID+ "," + prevbtnID+ "," + btnID+ "," + val+ "," + tid);
    var mode = document.getElementById(id);
    var lbl = document.getElementById(lblid);
    var hid = document.getElementById(hidID);
    var btn = document.getElementById(btnID);
    var prevbtn = document.getElementById(prevbtnID);
    
    if (hid.value !== ''){
        var plbl = document.getElementById(hid.value);
        plbl.style.background = 'white';
    }
    
    if (prevbtn.value !==''){
        var pbtn = document.getElementById(prevbtn.value);
          pbtn.style.visibility = 'hidden';
    }
    if (mode.value == val)
        {lbl.style.background = 'white';
         mode.value = '';
         prevbtn.value = '';
         btn.style.visibility = 'hidden';
        
         }
    else
        {mode.value = val;
         lbl.style.background = '#DEF4F7';
         if (val == 'collecttype')
         {
            var t = document.getElementById(tid);
            t.style.background = 'white';
         }
         
         hid.value = lblid;
         prevbtn.value = btnID;
         btn.style.visibility = 'visible';
     
         }
}

function changePreviewImage(titleID, orderID, imgID, title, order, width, url){
    var lblTitle = document.getElementById(titleID);
    var lblOrder = document.getElementById(orderID);
    var img = document.getElementById(imgID);
    
    
    lblTitle.innerHTML = title;
    lblOrder.innerHTML = order;
    img.src = url;
    img.width = width;
   
}



function editCollection(modeID, heroID, hidHeroID, removeID, selectID, orderBID, orderAID, positionID, hidOrderID, hidOrderPID, hidOrderNID, title, url, order, itemID, itemIDN)
    {
    var mode = document.getElementById(modeID);
    var hero = document.getElementById(heroID);
    var remove = document.getElementById(removeID);
    var select = document.getElementById(selectID);
    
       if (mode.value=='hero')
            {
                var hidHero = document.getElementById(hidHeroID);
                hidHero.value = itemID;
                hero.src = url;   
            }
        else if (mode.value=='remove')
            {
                var sRemove = new String();
                var sSelect = new String();
                sRemove = "," + remove.innerHTML + ","; 
                sSelect = select.value;
                            
                if (sRemove.indexOf("," + order + ",") == -1)
                {
                    if (remove.innerHTML == '')
                        {remove.innerHTML = order;}
                    else
                        {remove.innerHTML = remove.innerHTML + "," + order;}
                        
                    select.value = select.value + "," + itemID;                
                }else
                {
                    sRemove = sRemove.replace("," + order + ",", ",");
                    sSelect = sSelect.replace("," + itemID + ",", ",");
                    
                    remove.innerHTML = sRemove.substr(1, sRemove.length - 2)
                    select.value = sSelect.substr(1, sSelect.length - 2)
                }
                
            }
        else if (mode.value=='reorder') 
        {   var orderA = document.getElementById(orderAID);
            var orderB = document.getElementById(orderBID);
            
            var hidOrder = document.getElementById(hidOrderID);
            var hidOrderP = document.getElementById(hidOrderPID);
            var hidOrderN = document.getElementById(hidOrderNID);
            
            if(orderB.innerHTML=='')
            {
              orderB.innerHTML = order;
              hidOrder.value = itemID;
            }
            else if (orderA.innerHTML=='')
            { orderA.innerHTML = order;              
              hidOrderP.value = itemID;
              hidOrderN.value = itemIDN;
              }
            else
            { orderB.innerHTML = order;
              orderA.innerHTML = '';
              
              hidOrder.value = itemID;
              hidOrderP.value = '';
              hidOrderN.value = '';
            }
        }
        else if (mode.value=='addimg')
        {
            var hidOrderP = document.getElementById(hidOrderPID);
            var hidOrderN = document.getElementById(hidOrderNID);
            var position = document.getElementById(positionID);
            position.innerHTML = "Position: after " + order;
            hidOrderP.value = itemID;
            hidOrderN.value = itemIDN;
        }

    }

function switchFocus(id, hidFocusID, hidStackID, stackID){
    /*var hidStack = document.getElementById(hidStackID);
    var hidFocus = document.getElementById(hidFocusID);
    var imgF = document.getElementById(id);
    imgF.src = '../images/icon/right.gif'; 
       
    var sFocus = new String();
    sFocus = hidFocus.value;   
    var imgB = document.getElementById(hidFocusID); 
    imgB.src = '../images/icon/blank.gif';
    hidFocus.value = id;
    hidStack.value = stackID;
      */  
    //--Original code
    var hidStack = document.getElementById(hidStackID);
    var hidFocus = document.getElementById(hidFocusID);
    var imgF = document.getElementById(id);
    var sFocus = new String();
    sFocus = hidFocus.value;
    var imgB = document.getElementById(sFocus); 
    imgF.src = '../images/icon/right.gif'; 
    imgB.src = '../images/icon/blank.gif'; 
    hidFocus.value = id;
    hidStack.value = stackID;
   }

function hideDiv(id)
{
    var div = document.getElementById(id);
    div.style.visibility = 'hidden';
}

function showDiv(id)
{
    var div = document.getElementById(id);
    div.style.visibility = 'visible';
}

function swapImage(id, holdID, stackID)
{
    var holdIDs = document.getElementById(holdID);
    var holdIDsVal = new String();
    holdIDsVal = holdIDs.value;
    
    var img = document.getElementById(id);
    var imgSrc = new String();
    imgSrc = img.src;
        
    if (imgSrc.indexOf('pinout', 0) > 0)
    {img.src = '../images/icon/pinin.gif'; 
    var index = new String();
    index = holdIDsVal.indexOf(',' + stackID + ',');
     if(index == '-1')
        {holdIDsVal = holdIDsVal + stackID + ',';}
    }
    else
    {img.src = '../images/icon/pinout.gif'; 
     holdIDsVal = holdIDsVal.replace(',' + stackID + ',', ",");
    }
    holdIDs.value = holdIDsVal;
}

function selectTerm(hidLabelID, hidTermID, labelID, term)
{
    var hidTerm = document.getElementById(hidTermID);
    var hidLabel = document.getElementById(hidLabelID);
     
    var lbl = document.getElementById(labelID);
    
    if (hidLabel.value !== ''){
    
        var lblSel = document.getElementById(hidLabel.value);
        lblSel.style.background = 'White';
        lblSel.style.borderColor = 'White';
    }
    lbl.style.background = '#DEF4F7';
    lbl.style.borderColor = '#B4C0C1';

    hidTerm.value = term;
    hidLabel.value = labelID;
}

function fnTermSelected(term)
{
    alert(term);

     var hidID = document.aspnetForm.hidTermSelected;
 
     var broadID = document.aspnetForm.lblBroad;
     var narrowID = document.aspnetForm.lblNarrow;
     var relatedID = document.aspnetForm.lblRelated;         
     var nonprefID = document.aspnetForm.lblNonPref;
         
     if (term.value == 'broad')
     {
      hidID.value == 'broad';  
      narrowID.style.color='black';narrowID.style.border='none';   
      relatedID.style.color='black';relatedID.style.border='none';
      nonprefID.style.color='black';nonprefID.style.border='none';  
     }  
     else if (term.value == 'narrow')
     {
      hidID.value == 'broad'; 
      this.lblBroad.style.color='black';this.lblBroad.style.border='none';    
      this.lblRelated.style.color='black';this.lblRelated.style.border='none';
      this.lblNonPref.style.color='black';this.lblNonPref.style.border='none';  
     }
     else if (term.value == 'related')
     {
       hidID.value == 'broad';      
      this.lblBroad.style.color='black';this.lblBroad.style.border='none';   
      this.lblNarrow.style.color='black';this.lblNarrow.style.border='none';   
      this.lblNonPref.style.color='black';this.lblNonPref.style.border='none';  
     }    
     else 
     {
       hidID.value == 'nonpref';      
      this.lblBroad.style.color='black';this.lblBroad.style.border='none';   
      this.lblNarrow.style.color='black';this.lblNarrow.style.border='none';   
      this.lblRelated.style.color='black';this.lblRelated.style.border='none';   
     }                   
}

function switchDiv(id){
    var divT = document.getElementById(id)
    if (divT.style.visibility == 'visible')
        divT.style.visibility = 'hidden';
    else
        divT.style.visibility = 'visible';
}

function showCalendar(id){
    var divCalendar = document.getElementById(id)
    if (divCalendar.style.visibility == 'visible')
        divCalendar.style.visibility = 'hidden';
    else
        divCalendar.style.visibility = 'visible';
}

function selectSearchUnit(idSel, idUnSel, showText)
{
    var tdSelect = document.getElementById(idSel);
    var tdUnSelect = document.getElementById(idUnSel);
    var hidShowText = document.getElementById('hidShowText');
    tdSelect.style.background = 'WhiteSmoke';
    tdUnSelect.style.background = 'White';
    
    hidShowText.value = showText;
    document.aspnetForm.submit(); 
}

function overItem(id)
{
    var divItem = document.getElementById( 'item' + id );
    divItem.style.background = 'WhiteSmoke';
}

function outItem(id){
    var divItem = document.getElementById( 'item' + id );
    divItem.style.background = 'White';
}

function showRejTAG(id){

    var divToChange = document.getElementById( 'Rej' + id );
    var divReject = document.getElementById('divRejReject' + id );
    var divChoose = document.getElementById('divRejChoose' + id);
    var divRescan = document.getElementById('divRejRescan' + id);
    var divExclude = document.getElementById('divRejExclude' + id);
    
    var rejectlist = document.getElementById('hidRejectlist');
    var excludelist = document.getElementById('hidExcludelist');
    var rescanlist = document.getElementById('hidRescanlist');
    var show = document.getElementById('hidShow' + id);

    
    if (show.value == 'Yes'){
        divToChange.style.background = 'white';            
        //hide option of after-reject option
        divReject.style.position = 'absolute';
        divReject.style.visibility = 'hidden';
        
        divChoose.style.position = 'relative';
        divChoose.style.visibility = 'hidden';
        
        divExclude.style.visibility = 'hidden';
        divExclude.style.position = 'absolute';
        
        divRescan.style.visibility = 'hidden';
        divRescan.style.position = 'absolute';
        
        show.value = 'No';
        //remove this item from the hidden list
        var sReject = new String();
        sReject = rejectlist.value;
        rejectlist.value = sReject.replace(',' + id, ''); 
        
        var sExclude = new String();
        sExclude = excludelist.value;
        excludelist.value = sExclude.replace(',' + id, ''); 
        
        var sRescan = new String();
        sRescan = rescanlist.value;
        rescanlist.value = sRescan.replace(',' + id, ''); 

    }
    else
    {   
        divToChange.style.background = '#FEDCFA';
        //show option for after-reject action
        divReject.style.visibility = 'visible';
        divReject.style.position = 'relative';
        divChoose.style.visibility = 'visible';
        divChoose.style.position = 'relative';
        
        divRescan.style.visibility = 'hidden';
        divRescan.style.position = 'absolute';
        divExclude.style.visibility = 'hidden';
        divExclude.style.position = 'absolute';
        
        show.value = 'Yes';
    }
}

function switchcolor(id)
{

    var divToChange = document.getElementById( id );
    var divReject = document.getElementById('divReject' + id );
    var hidColor =  document.getElementById( 'hidColor' + id );
    var imgTick = document.getElementById( 'imgTick' + id );
    var rejectlist = document.getElementById('hidRejectlist');
    var approvedlist = document.getElementById('hidApprovedlist');
    
    var divChoose = document.getElementById('divChoose' + id);
    var divRescan = document.getElementById('divRescan' + id);
    var divExclude = document.getElementById('divExclude' + id);

    if (hidColor.value == '')
        {
            hidColor.value = '#CEE9EE';   //green color
            divToChange.style.background = '#CEE9EE';
            imgTick.title = 'Click to reject this item';
            imgTick.src = '../images/icon/dotGreen.gif';
            approvedlist.value  = approvedlist.value + "," + id;
            
        }
    else if (hidColor.value == '#CEE9EE')
        {
            hidColor.value = '#FEDCFA';    //red color
            divToChange.style.background = '#FEDCFA';
            imgTick.title = 'Click to undo the rejection for this item';
            imgTick.src = '../images/icon/dotRed.gif';
            
            //show option for after-reject action
            divReject.style.visibility = 'visible';
            divReject.style.position = 'relative';
            divChoose.style.visibility = 'visible';
            divChoose.style.position = 'relative';

            
            divRescan.style.visibility = 'hidden';
            divRescan.style.position = 'absolute';
            divExclude.style.visibility = 'hidden';
            divExclude.style.position = 'absolute';
            
            //remove itemID from approved list
            var sApprove = new String();
            sApprove = approvedlist.value;
            approvedlist.value = sApprove.replace(',' + id, '');
            
            //add itemID to reject list
            rejectlist.value = rejectlist.value + ',' + id;
        }
    else if (hidColor.value == '#FEDCFA')
        {
            hidColor.value = '';
            divToChange.style.background = 'white';
            imgTick.title = 'Click to approve this item';
            imgTick.src = '../images/icon/dotOrange.gif';
            
            //hide option of after-reject option
            divReject.style.position = 'absolute';
            divReject.style.visibility = 'hidden';
            
            divChoose.style.position = 'relative';
            divChoose.style.visibility = 'hidden';
            
            divExclude.style.visibility = 'hidden';
            divExclude.style.position = 'absolute';
            
            divRescan.style.visibility = 'hidden';
            divRescan.style.position = 'absolute';
            
            //remove the itemID from reject list
            var sReject = new String();
            sReject = rejectlist.value;
            rejectlist.value = sReject.replace(',' + id, ''); 
            
            //remove the itemID from rescan and exclude list
            var excludelist = document.getElementById('hidExcludelist');
            var rescanlist = document.getElementById('hidRescanlist');
            var sExclude = new String();
            var sRescan = new String();
            sExclude = excludelist.value;
            sRescan = rescanlist.value;
            excludelist.value = sExclude.replace(',' + id, '');
            rescanlist.value = sRescan.replace(',' + id, '');
        }
}

function setTAG(tag,id){
    var excludelist = document.getElementById('hidExcludelist');
    var rescanlist = document.getElementById('hidRescanlist');
    
    var divChoose = document.getElementById('divChoose' + id);
    var divRescan = document.getElementById('divRescan' + id);
    var divExclude = document.getElementById('divExclude' + id);
    
    if (tag=='rescan')
        {
            rescanlist.value = rescanlist.value + ',' + id;
            divRescan.style.visibility = 'visible';
            divRescan.style.position = 'relative';
            divExclude.style.visibility = 'hidden';
            divExclude.style.position = 'absolute';
            divChoose.style.visibility = 'hidden';
            divChoose.style.position = 'absolute';
         }
    else
        {
            excludelist.value = excludelist.value + ',' + id;
            divExclude.style.visibility = 'visible';
            divExclude.style.position = 'relative';            
            divRescan.style.visibility = 'hidden';
            divRescan.style.position = 'absolute';
            divChoose.style.visibility = 'hidden';
            divChoose.style.position = 'absolute';
        }
}

function setRejTAG(tag,id){
    var excludelist = document.getElementById('hidExcludelist');
    var rescanlist = document.getElementById('hidRescanlist');
    var rejectlist = document.getElementById('hidRejectlist');
    
    var divChoose = document.getElementById('divRejChoose' + id);
    var divRescan = document.getElementById('divRejRescan' + id);
    var divExclude = document.getElementById('divRejExclude' + id);
    
    if (tag=='rescan')
        {
            rescanlist.value = rescanlist.value + ',' + id;
            divRescan.style.visibility = 'visible';
            divRescan.style.position = 'relative';
            divExclude.style.visibility = 'hidden';
            divExclude.style.position = 'absolute';
            divChoose.style.visibility = 'hidden';
            divChoose.style.position = 'absolute';
         }
    else
        {
            excludelist.value = excludelist.value + ',' + id;
            divExclude.style.visibility = 'visible';
            divExclude.style.position = 'relative';            
            divRescan.style.visibility = 'hidden';
            divRescan.style.position = 'absolute';
            divChoose.style.visibility = 'hidden';
            divChoose.style.position = 'absolute';
        }
        rejectlist.value = rejectlist.value + ',' + id; 
}

function viewItem(id)
{
    var viewlist = document.getElementById('hidViewlist');
    var imgView = document.getElementById('imgView' + id);
    viewlist.value = viewlist.value + ',' + id;
    //if (imgView <> null)
    //{
    imgView.alt = 'Item viewed';
    imgView.style.visibility = 'visible';
    //}
    
    //var imgRejView = document.getElementById('imgRejTick' + id);
    //if (imgRejView <> null)
    //{imgRejView.style.visibility = 'visible';}
    
    var divToChange = document.getElementById( id );
    var hidColor =  document.getElementById( 'hidColor' + id );
    var imgTick = document.getElementById( 'imgTick' + id );
    var approvedlist = document.getElementById('hidApprovedlist');

    //add this viewed item into approvedlist
    if (hidColor.value == '')
        {
            hidColor.value = '#CEE9EE';   //green color
            divToChange.style.background = '#CEE9EE';
            divToChange.title = 'Click to reject this item';
            imgTick.src = '../images/icon/dotGreen.gif';
            
            approvedlist.value  = approvedlist.value + "," + id;
        }

}

function checkElement(elementV){
    var hidElement = document.getElementById('hidElement');
    var sElement = new String();
    sElement = hidElement.value;

    if (sElement.indexOf(elementV) > 0)  
    {hidElement.value = sElement.replace((elementV + ','), '');}
    else
    {hidElement.value = sElement + elementV + ',';}
}

function setFieldValue(fname, fvalue){
    document.aspnetForm.elements[fname].value = fvalue;
}

function setSelectedItem(id, url){
    document.aspnetForm.hidID.value = id;
    document.aspnetForm.hidURL.value = url;
}

function setMoveItem(){
    document.aspnetForm.hidMoveID.value = document.aspnetForm.hidID.value;
    document.aspnetForm.hidMoveURL.value = document.aspnetForm.hidURL.value;
}


function addImageToList(id) {
    var divT = document.getElementById('divTarget' + id);
    
    var hidID = document.aspnetForm.hidID;
    var hidURL = document.aspnetForm.hidURL;    
    var hidMoveID = document.aspnetForm.hidMoveID;
    var hidMoveURL = document.aspnetForm.hidMoveURL;
    var hidIDlist = document.aspnetForm.hidIDList;
    
    if (hidID.value != '' && hidURL.value != '' && hidMoveID.value != '' && hidMoveURL.value != '')
        {
            //increate the height of the divT
            var divTHeight = divT.offsetHeight;
            divTHeight = divTHeight + 230;
            divT.style.height = divTHeight + 'px';
            
            //create a blank image 
            var imgB = document.createElement('img');
            imgB.id = 'imgBlank';
            imgB.src = '../images/bar/seperator.gif';
            alert(imgB.src + "imageBlank")
            divT.appendChild(imgB);
            
            //create a new image and set the src for the image
            var img = document.createElement('img');
            img.src = hidMoveURL.value;
            img.className = 'search-unit';
            divT.className = 'search-unitOut';
            divT.appendChild(img);
            
            //create a new div after the image
            var divN = document.createElement('div');
            divN.id = 'divTarget' + hidMoveID.value;
            divN.onmouseover = 'setMoveItem();';
            divN.onmouseup = 'addImageToList(' + hidMoveID.value + ');';
            
            alert(divN.onmouseover + 'hh');
            //create a new image pointer in the div
            var imgP = document.createElement('img');
            imgP.id = 'img' + hidMoveID.value;
            imgP.src = '../images/bar/seperator.gif';
            imgP.onmouseover = "hide('" + imgP.id + "');"; 
            imgP.onmouseout = "show('" + imgP.id + "');";
            
            alert(imgP.id + 'pp' + imgP.onmouseover + '--' + imgP.onmouseout );

            //alert(imgP.src);
            divT.appendChild(divN);
            divN.appendChild(imgP);
            
            //accumulate the selected items
            hidIDlist.value = hidIDlist.value + ',' + hidMoveID.value;
            
            //clear the select and move fields
            hidID.value = '';
            hidMoveID.value = '';
            
            hidURL.value = '';
            hidMoveURL.value = '';    
        }
}

function itemCap(id)
{
    document.aspnetForm.itemcapid.value = id;
}

function setcursor(scursor)
{
    document.aspnetForm.style.cursor = scursor;

}



function preApprove(pageid, batchid, itemid, strkey)
{
    var crlf = '\n'
    
    if (document.aspnetForm.lblapprovelist.value ==  '')
        {document.aspnetForm.lblapprovelist.value  = '• ' + strkey; }
    else    
        { document.aspnetForm.lblapprovelist.value =  document.aspnetForm.lblapprovelist.value + crlf + '• ' + strkey;  }

    // accumulate the approval item details  batchID, itemID, strkey
   document.aspnetForm.approvelist.value =  document.aspnetForm.approvelist.value + pageid + '~' + batchid + '~' + itemid + '~' + strkey + '|';
  
   document.aspnetForm.cmdApprove.visible = true;
   
}

function add_hidden_then_submit(form_name, field_name, field_value) {  
   var field_to_add = document.createElement('input');
   field_to_add.type = "hidden";
   field_to_add.name = "alpha";
   field_to_add.value = field_value;
   
   document.forms[form_name].appendChild(field_to_add);
   document.forms[form_name].submit(); 
}	

function hide( id) {
   var itemToHide = document.getElementById( id );
   itemToHide.style.visibility = 'hidden';
}

function show( id ) {
   var itemToShow= document.getElementById( id );
   itemToShow.style.visibility = 'visible';
}

function display( id ) {
   var itemToShow= document.getElementById( id );
   itemToShow.style.display = 'inline';
}



//function refreshParent() {

//  window.opener.location.href = window.opener.location.href;
////  alert(window.opener.progressWindow + "hh");
//  if (window.opener.progressWindow)
//		
// {
//    window.opener.progressWindow.close()
//  }
//  window.close();
//}

function refreshParentWindow(strParentURL, bolCloseChild) {
	/* strParentURL = the URL for parent window, refresh parent window
	// bolCloseChild = "Yes" or "No" or "" 
		- if = "Yes" then close child window  
		- else don't close child window
		alert(strParentURL);
	*/
		var target = top.opener ; // target = parent window
			strParentURL = top.opener.location.href;
			alert(strParentURL + 'hh' + target);
		if (target != '') {
		    target.window.location.href = strParentURL;
			if (bolCloseChild == "Yes") {
				window.close();
			}	
		}	
		else {
			window.location.href = strParentURL;
	}}


function replaceURLCharacter(textElement){
   
   if (textElement.value.indexOf("^") > -1) {
        textElement.value = textElement.value.replace(/\^/g, ' ');
   }
}


// MINH TEST HERE




//var ie=document.all;
//var nn6=document.getElementById&&!document.all;

//var isdrag=false;
//var x,y;
//var dobj;

//function movemouse(e)
//{
//  if (isdrag)
//  {
//    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
//    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
//    return false;
//  }
//}

//function selectmouse(e) 
//{
//  var fobj       = nn6 ? e.target : event.srcElement;
//  var topelement = nn6 ? "HTML" : "BODY";

//  while (fobj.tagName != topelement && fobj.className != "itemlist-image")
//  {
//    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
//  }

//  if (fobj.className=="itemlist-image")
//  {
//    isdrag = true;
//    dobj = fobj;
//    tx = parseInt(dobj.style.left+0);
//    ty = parseInt(dobj.style.top+0);
//    x = nn6 ? e.clientX : event.clientX;
//    y = nn6 ? e.clientY : event.clientY;
//    document.onmousemove=movemouse;
//    return false;
//  }
//}

//document.onmousedown=selectmouse;
//document.onmouseup=new Function("isdrag=false");