//Single click handler.
var _buttonClicked = false;
function SingleClick(button)
{
  if (_buttonClicked )
        return false;

  _buttonClicked = true;
  return true;
}

//Open window with printpreview
function PrintPreview() 
{
   var sURL=document.location.href;
    if (sURL.indexOf('?') >0) {
        sURL=document.location+"&PrintPreview";}
    else {
        sURL=document.location+"?PrintPreview";}

    window.open(sURL);
}

//**********************************
// Loan form javascript starts
//**********************************
var vehicleId = 1;

function showHideLayer(tab,obj){
    document.getElementById('personalDetailsTable').style.display = 'none';
    document.getElementById('loanProfileTable').style.display = 'none';
    document.getElementById('incomeTable').style.display = 'none';
    document.getElementById('employmentDetailsTable').style.display = 'none';
    document.getElementById('assetTable').style.display = 'none';
    document.getElementById('liabilitiesTable').style.display = 'none';   
    document.getElementById(obj).style.display='block';
        
    document.getElementById('pTab').className = 'tab-inactive'; 
    document.getElementById('oTab').className = 'tab-inactive'; 
    document.getElementById('iTab').className = 'tab-inactive'; 
    document.getElementById('eTab').className = 'tab-inactive';
    document.getElementById('aTab').className = 'tab-inactive';          
    document.getElementById('lTab').className = 'tab-inactive';              
    document.getElementById(tab).className="tab-active"; 
}

function addVehicle(){
    vehicleId ++;
    var serverFormId = document.getElementById('txtHiddenBox').value;
    var vehicleRegHTML = '<fieldset>';
    vehicleRegHTML += '<legend>' + vehicleId + '</legend>';
    vehicleRegHTML += '<table class="tblVehicles" width="100%" cellpadding="0" cellspacing="0">';
    vehicleRegHTML += ' <tr>';
    vehicleRegHTML += '     <td class="col1"><label>Charge Card (Y/N)</label></td>';
    vehicleRegHTML += '     <td class="col2"><input type="text" Name="'+serverFormId+'$txtChargeCard' + vehicleId + '" id="'+serverFormId+'_txtChargeCard' + vehicleId + '"/></td>';
    vehicleRegHTML += ' </tr>'
    vehicleRegHTML += ' <tr>';
    vehicleRegHTML += '     <td class="col1"><label>Registration</label></td>';
    vehicleRegHTML += '     <td class="col2"><input type="text" Name="'+serverFormId+'$txtRego' + vehicleId + '" id="'+serverFormId+'_txtRego' + vehicleId + '"/></td>';
    vehicleRegHTML += ' </tr>';
    vehicleRegHTML += ' <tr>';
    vehicleRegHTML += '     <td class="col1"><label>Make</label></td>';
    vehicleRegHTML += '     <td class="col2"><input type="text" Name='+serverFormId+'txtMake' + vehicleId + '" id="'+serverFormId+'_txtMake' + vehicleId +'" /></td>';
    vehicleRegHTML += ' </tr>';
    vehicleRegHTML += ' <tr>';
    vehicleRegHTML += '     <td class="col1"><label>Model</label></td>';
    vehicleRegHTML += '     <td class="col2"><input type="text" Name="'+serverFormId+'$txtModel' + vehicleId + '" id="'+serverFormId+'_txtModel' + vehicleId + '" /></td>';
    vehicleRegHTML += ' </tr>';
    vehicleRegHTML += ' <tr>';
    vehicleRegHTML += '     <td class="col1"><label>GLWeight</label></td>';
    vehicleRegHTML += '     <td class="col2"><input type="text" Name="'+serverFormId+'$txtGLWeight' + vehicleId +'" id="'+serverFormId+'_txtGLWeight' + vehicleId + '"/></td>';
    vehicleRegHTML += ' </tr>';
    vehicleRegHTML += ' <tr>';
    vehicleRegHTML += '     <td class="col1"><label>Driver Name</label></td>';
    vehicleRegHTML += '     <td class="col2"><input type="text" Name="'+serverFormId+'$txtDriverName' + vehicleId +'" id="'+serverFormId+'_txtDriverName' + vehicleId + '" /></td>';
    vehicleRegHTML += ' </tr>';
    vehicleRegHTML += ' <tr>';
    vehicleRegHTML += '     <td class="col1"><label>Cover Type</label></td>';
    vehicleRegHTML += '     <td class="col2"><select type="text" Name="'+serverFormId+'$selCoverTypes' + vehicleId + '" id="'+serverFormId+'_selCoverTypes' + vehicleId + '" ></select></td>';
    vehicleRegHTML += ' </tr>';
    vehicleRegHTML += '</table>';
    vehicleRegHTML += '</fieldset>';
    
    var vDiv = document.getElementById('layerVehicles');
    var newdiv = document.createElement('div');
    var divIdName = 'layerVehicle'+vehicleId;
    newdiv.setAttribute('id',divIdName);
    newdiv.innerHTML = vehicleRegHTML;
    vDiv.appendChild(newdiv);
    
    addDropdownValues(serverFormId+'_selCoverTypes' + vehicleId);
    document.getElementById(serverFormId+'_txtChargeCard' + vehicleId).focus();
    if (vehicleId == 10)
        document.getElementById('addVehicle').style.visibility='hidden';
}

function addAnotherVehicle(){
    addVehicle();
    var serverFormId = document.getElementById('txtHiddenBox').value;
    document.getElementById(serverFormId+'_selVehicleNum').options[vehicleId-1].selected= true;
}

function addVehicles(){
    var serverFormId = document.getElementById('txtHiddenBox').value;
    var selNumVeh = document.getElementById(serverFormId+'_selVehicleNum');
    var total = parseInt(selNumVeh.options[selNumVeh.selectedIndex].value);
    if(total > vehicleId){
        for(var i=vehicleId;i<total;i++){
            addVehicle();
        }
    }
    else{
        for(var j=vehicleId; j> total; j--)
            removeVehicle('layerVehicle'+j);
    }
    
}

function removeVehicle(vNum) {
    vehicleId--;
    var p = document.getElementById('layerVehicles');
    var vdiv = document.getElementById(vNum);
    p.removeChild(vdiv);
    if (vehicleId != 10)
    document.getElementById('addVehicle').style.visibility='visible';
    var serverFormId = document.getElementById('txtHiddenBox').value;  
    document.getElementById(serverFormId+'_txtChargeCard' + vehicleId).focus();
}

function addDropdownValues(id){
    var serverFormId = document.getElementById('txtHiddenBox').value;
    var length = document.getElementById(serverFormId+'_selCoverTypes1').options.length;
    for(var i=0; i<length; i++){
        document.getElementById(id).options[i] = 
        new Option(document.getElementById(serverFormId+'_selCoverTypes1').options[i].text,
            document.getElementById(serverFormId+'_selCoverTypes1').options[i].value);
    }   
}

function filterNum(str) {
    re = /^\$|,/g;
    // remove "$" and ","
    return str.replace(re, "");
}
//**********************************
// Loan form javascript ends
//**********************************
/* js for autotabbing in credit card number or membership number fields */
function autoTab( input,len, e ) {
    var isNN = (navigator.appName.indexOf("Netscape")!=-1);
    var keyCode = (isNN) ? e.which : e.keyCode;
    var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];
    if ( input.value.length >= len && ! containsElement( filter, keyCode ) ) {
        input.value = input.value.slice(0, len);
        input.form[ ( getIndex( input ) + 1 ) % input.form.length ].focus();
    }
    function containsElement( arr, ele ) {
        var found = false, index = 0;
        while(!found && index < arr.length)
        if(arr[index] == ele)
            found = true;
        else
            index++;
        return found;
    }
    function getIndex( input ) {
        var index = -1, i = 0, found = false;
        while (i < input.form.length && index == -1)
        if (input.form[i] == input)
            index = i;
        else
            i++;
        return index;
    }
    return true;
}

function setCaretToEnd( el ) {
  if ( el.createTextRange ) {
    var v = el.value;
    var r = el.createTextRange();
    r.moveStart('character', v.length);
    r.select();
  }
}