/************************************************************
 * Javascript Lib V1.2
 * CONTACT: jerry.wang@clochase.com
 *
 * This is the MaskEdit ctrl 
 *
 * InitializeMaskEdit( "TextboxID", "$A$d$A $d$A$d");
 * InitializeMaskEdit( "TextboxID", "($d$d$d)$d$d$d-$d$d$d");
 * InitializeMaskEdit( "TextboxID", "A*$d$d$d$d$d");
 ************************************************************/


$import( "Textbox.Common.js" );


// the input type of the text box
MaskInputType =
{
    ZipCode     : 6,
    Telephone   : 7,
    SSN         : 8
};

// These are escape character used in the mask pattern
var UPPER   = "\n";
var LOWER   = "\r";
var NUM     = "\t";
 
 
//-------------------------------------------------------------------------
// Function Name    :InitializeMaskEdit
// Parameter(s)     :ctrl           The ID of the textbox
//                  :strMaskPattern  The mask pattern
// Return           :bool            Whether or not succeed
//-------------------------------------------------------------------------
function InitializeMaskEdit( ctrl, strMaskPattern, emType)
{
   var strTemp = strMaskPattern;
   strMaskPattern = "";
   for( var i = 0; i < strTemp.length; i++)
   {
       if( strTemp.charAt(i) == '$' )
       {
           i++;
           if( strTemp.charAt(i) == '$' )
               strMaskPattern += "$";
           else
           {
               if( strTemp.charAt(i) == 'A' )  
                   strMaskPattern += UPPER;
               else if( strTemp.charAt(i) == 'a' )
                   strMaskPattern += LOWER;
               else if( strTemp.charAt(i) == 'd' )
                   strMaskPattern += NUM;
               else
                   alert( "Unknown escape character {$" + strTemp.charAt(i) + "}" );                            
           }
       }
       else
       {
           strMaskPattern += strTemp.charAt(i);       
       }
   }

   var obj = typeof(ctrl) == "string" ? document.getElementById(ctrl) : ctrl;
   if( obj == null )
   {
      alert( "Error:ctrl {" + ctrl + "} does not exist!" );
      return false;    
   }
   
   var strValue = obj.value;
   
   obj.setAttribute( "maskPattern", strMaskPattern);
   obj.value = "";
   
    for( var i = 0; i < strMaskPattern.length; i++)
    {
        if( strMaskPattern.charCodeAt(i) == UPPER.charCodeAt(0) ||
            strMaskPattern.charCodeAt(i) == LOWER.charCodeAt(0) ||
            strMaskPattern.charCodeAt(i) == NUM.charCodeAt(0) )
        {
            obj.value += strValue.length > i ? strValue.charAt(i) : "_";
            continue;
        }
        obj.value += strMaskPattern.charAt(i);
    }
    
    obj.attachEvent( 'onkeydown', function(){ eval('__MaskEditDispatcher(event);'); });
	obj.attachEvent( 'onkeyup', function(){ eval('__SetCursorPosition(event);'); });
	obj.attachEvent( 'onkeypress', function(){ eval('__OnMaskEditUpdated(event);'); });
	obj.attachEvent( 'onfocus', function(){ eval('__OnMaskEditFocus(event);'); });
    
    switch (emType)
    {
        case MaskInputType.ZipCode:
            obj.attachEvent( 'onblur', function(){ eval('__OnMaskEditValidateZipCode(event);'); });
            break;
        case MaskInputType.Telephone:
            obj.attachEvent( 'onblur', function(){ eval('__OnMaskEditValidatePhone(event);'); });
            break;
            
        case MaskInputType.SSN:
            obj.attachEvent( 'onblur', function(){ eval('__OnMaskEditValidateSSN(event);'); });
            break;
    }
    
	obj.setAttribute( "position", -1);
	
	// disbale the actocomplete & paste & drag & drop for IE
    if( document.all )
    {
        obj.setAttribute( "autocomplete",  "off");
        obj.onpaste = function(){ return false; };
        obj.ondrag = function(){ return false; };
        obj.ondrop = function(){ return false; };
        obj.oncut = function(){ return false; };
        obj.oncontextmenu = function(){ return false; };
    }
}

function __OnMaskEditValidateZipCode(evt)
{
 var obj = evt.srcElement == null ? evt.target : evt.srcElement;
    
    var ret=false;
    var value = obj.value.replace('_____ ____', '').replace(' ____', '');
    var len = value.length;
    if (len>0)
    {
         
           var re2 = new RegExp('[^0-9]','g');
            value = value.replace(re2,'');
            len = value.length;
            switch (len)
            {
                case 9:
                    value = value.substr(0, 5) + ' ' + value.substr(5, 4);   
                    ret=true;
                    break;
                    
                case 5:
                    value = value.substr(0, 5) + ' ____';   
                    ret=true;
                    break;
            
            } 
            
        
    }
    else
    {
        value='_____ ____';
        ret=true;
    }
    
    
    if (ret)
    {
        obj.value = value;
        
    }
    
    else
    
    {
        obj.focus();
        obj.select();
    }
    
    return ret;
    
}

function __OnMaskEditValidatePhone(evt)
{
 var obj = evt.srcElement == null ? evt.target : evt.srcElement;
    
    var ret=false;
    var value = obj.value.replace('_ (___) ___-____', '').replace('_ ', '').replace('(___) ', '');
    var pattern = '^([1])?( )?([\(0-9\)]+)?(-| )?(([0-9]{3})+(-)?([0-9]{4})+)$';
    var match=true;
    var re = new RegExp(pattern);
    var len = value.length;
    
    if (len>0)
    {
        if (re.test(value)) {
            var re2 = new RegExp('[^0-9]','g');
            value = value.replace(re2,'');
            len = value.length;
            
            switch (len)
            {
                case 11:
                    value = value.substr(0, 1) + ' (' + value.substr(1, 3) + ') ' + value.substr(4, 3) + '-' + value.substr(7, 4);   
                    ret=true;
                    break;
                    
                case 10:
                    value = '_ (' + value.substr(0, 3) + ') ' + value.substr(3, 3) + '-' + value.substr(6, 4);   
                    ret=true;
                    break;
                    
                case 7:
                    value = '_ (___) ' + value.substr(0, 3) + '-' + value.substr(3, 4);   
                    ret=true;
                    break;
            
            } 
            
        }
    }
    else
    {
        value='_ (___) ___-____';
        ret=true;
    }
    
    
    if (ret)
    {
        obj.value = value;
        
    }
    
    else
    
    {
        obj.focus();
        obj.select();
    }
    
    return ret;
    
}



function __OnMaskEditValidateSSN(evt)
{
 var obj = evt.srcElement == null ? evt.target : evt.srcElement;
    
    var ret=false;
    var value = obj.value.replace('___-__-____', '');
    var len = value.length;
    if (len>0)
    {
         
           var re2 = new RegExp('[^0-9]','g');
            value = value.replace(re2,'');
            len = value.length;
            switch (len)
            {
                case 9:
                    value = value.substr(0, 3) + '-' + value.substr(3, 2) + '-' + value.substr(5, 4);   
                    ret=true;
                    break;
            } 
            
        
    }
    else
    {
        value='___-__-____';
        ret=true;
    }
    
    
    if (ret)
    {
        obj.value = value;
        
    }
    
    else
    
    {
        obj.focus();
        obj.select();
    }
    
    return ret;
    
}

///////////////////////////////////////////////////////////////////////////////////////////////


//-------------------------------------------------------------------------
// Function Name    :__OnMaskEditFocus
// Parameter(s)     :evt             event
// Memo             :When the mask edit focused
//-------------------------------------------------------------------------
function __OnMaskEditFocus(evt)
{
    
    var obj = evt.srcElement == null ? evt.target : evt.srcElement;
    
    var strValue = obj.value;
    for( var i = 0; i < strValue.length; i++)
	{
		if( strValue.charCodeAt(i) == "_".charCodeAt(0) )
		{
			obj.setAttribute( "position", i);
			__SetCursorPosition(evt);
			return true;
		}
	}
	
	return true;
}

//-------------------------------------------------------------------------
// Function Name    :__MaskEditDispatcher
// Parameter(s)     :evt             event
// Memo             :This is the dispatcher to handle DELETE & BACKSPACE
//-------------------------------------------------------------------------
function __MaskEditDispatcher(evt)
{
    __SaveKeyCode(evt);
    
    switch(__GetKeyCode(evt)) 
    {
    case VKeyCode.VK_SPACE:
        __OnMaskEditSpaceKey(evt);
    case VKeyCode.VK_DELETE:
        __OnMaskEditDelKey(evt);
    	break;
	case VKeyCode.VK_BACK:
        __OnMaskEditBackKey(evt);
    	break;
    case VKeyCode.VK_TAB:
        __OnMaskEditTabKey(evt);
        
    	break;
    default:
        break;
    }
}

function __OnMaskEditTabKey(evt)
{
    
    return true;
}

function __OnMaskEditSpaceKey(evt)
{    
    var obj = evt.srcElement == null ? evt.target : evt.srcElement;
    var strMaskPattern = obj.getAttribute( "maskPattern" );
    
    var strValue = "";
	var nStart = __GetCursorStartPos(evt);
	
//	if( strMaskPattern.charCodeAt(nStart) == UPPER.charCodeAt(0) ||
//				strMaskPattern.charCodeAt(nStart) == LOWER.charCodeAt(0) ||
//				strMaskPattern.charCodeAt(nStart) == NUM.charCodeAt(0) )
//			{
//				__ReplaceText( evt, "_", nStart, nStart+1);
//				
//			}
//			
	obj.setAttribute( "position", nStart);
	__SetCursorPosition(evt);
			
    if( evt.preventDefault ) { evt.preventDefault(); }
    evt.returnValue = false;
    return false;
}


//-------------------------------------------------------------------------
// Function Name    :__OnMaskEditBackKey
// Parameter(s)     :evt             event
// Memo             :This is to handle BACKSPACE
//-------------------------------------------------------------------------
function __OnMaskEditBackKey(evt)
{
	var obj = evt.srcElement == null ? evt.target : evt.srcElement;
    var strMaskPattern = obj.getAttribute( "maskPattern" );
    
	var nStart = __GetCursorStartPos(evt);
	var nEnd = __GetCursorEndPos(evt);


	if( nStart != nEnd )
	{
		__OnMaskEditDelKey(evt);
	}
	else
	{
		for( var i = nStart - 1; i >= 0; i--)
		{
			if( strMaskPattern.charCodeAt(i) == UPPER.charCodeAt(0) ||
				strMaskPattern.charCodeAt(i) == LOWER.charCodeAt(0) ||
				strMaskPattern.charCodeAt(i) == NUM.charCodeAt(0) )
			{
				__ReplaceText( evt, "_", i, i+1);
				obj.setAttribute( "position", i);
				break;
			}
		}
	}
    
    
    if( evt.preventDefault ) { evt.preventDefault(); }
    evt.returnValue = false;
    return false;
}


//-------------------------------------------------------------------------
// Function Name    :__OnMaskEditDelKey
// Parameter(s)     :evt             event
// Memo             :This is to handle DELETE
//-------------------------------------------------------------------------
function __OnMaskEditDelKey(evt)
{    
    var obj = evt.srcElement == null ? evt.target : evt.srcElement;
    var strMaskPattern = obj.getAttribute( "maskPattern" );
    
    var strValue = "";
	var nStart = __GetCursorStartPos(evt);
	var nEnd = __GetCursorEndPos(evt);

	if( nStart != nEnd )
	{
		for( var i = nStart; i < nEnd; i++)
		{
			
			if( strMaskPattern.charCodeAt(i) == UPPER.charCodeAt(0) ||
				strMaskPattern.charCodeAt(i) == LOWER.charCodeAt(0) ||
				strMaskPattern.charCodeAt(i) == NUM.charCodeAt(0) )
			{
				strValue += "_";
				continue;
			}
			
			strValue += strMaskPattern.charAt(i);
		}

		__ReplaceText( evt, strValue, nStart, nEnd);
		obj.setAttribute( "position", nStart);
	}
	else
	{
		for( var i = nStart; i < strMaskPattern.length; i++)
		{
			if( strMaskPattern.charCodeAt(i) == UPPER.charCodeAt(0) ||
				strMaskPattern.charCodeAt(i) == LOWER.charCodeAt(0) ||
				strMaskPattern.charCodeAt(i) == NUM.charCodeAt(0) )
			{
				__ReplaceText( evt, "_", i, i+1);
				break;
			}
		}
	}
    
    
    if( evt.preventDefault ) { evt.preventDefault(); }
    evt.returnValue = false;
    return false;
}


//-------------------------------------------------------------------------
// Function Name    :__OnMaskEditUpdated
// Parameter(s)     :evt             event
// Memo             :This is to handle other keys
//-------------------------------------------------------------------------
function __OnMaskEditUpdated(evt)
{

    if( __GetKeyCode(evt) == VKeyCode.VK_LEFT ||
		__GetKeyCode(evt) == VKeyCode.VK_RIGHT ||
		__GetKeyCode(evt) == VKeyCode.VK_NUMLOCK ||
		__GetKeyCode(evt) == VKeyCode.VK_HOME ||
		__GetKeyCode(evt) == VKeyCode.VK_END ||
		__GetKeyCode(evt) == VKeyCode.VK_TAB  
		)
	{
	    return true;
	}
    
	var obj = evt.srcElement == null ? evt.target : evt.srcElement;
    var strMaskPattern = obj.getAttribute( "maskPattern" );

	var nStart = __GetCursorStartPos(evt);
	var nEnd = __GetCursorEndPos(evt);

	if( nStart != nEnd )
	{
		__OnMaskEditDelKey(evt);
		nStart = __GetCursorStartPos(evt);
	}


	var nIndex = -1;
	for( var i = nStart; i < strMaskPattern.length; i++)
	{
		
		if( strMaskPattern.charCodeAt(i) == UPPER.charCodeAt(0) ||
			strMaskPattern.charCodeAt(i) == LOWER.charCodeAt(0) ||
			strMaskPattern.charCodeAt(i) == NUM.charCodeAt(0) )
		{
			nIndex = i;
			break;
		}
	}

	if( nIndex == -1 )
	{
		if( evt.preventDefault ) { evt.preventDefault(); }
		evt.returnValue = false;
		return false;
	}


	if( strMaskPattern.charCodeAt(nIndex) == UPPER.charCodeAt(0) ||
		strMaskPattern.charCodeAt(nIndex) == LOWER.charCodeAt(0) )
	{
		if( !__EnableKeys( evt,
            [ 
                VKeyCode.VK_TAB,
                VKeyCode.VK_A,
                VKeyCode.VK_B,
                VKeyCode.VK_C,
                VKeyCode.VK_D,
                VKeyCode.VK_E,
                VKeyCode.VK_F,
                VKeyCode.VK_G,
                VKeyCode.VK_H,
				VKeyCode.VK_I,
				VKeyCode.VK_J,
				VKeyCode.VK_K,
				VKeyCode.VK_L,
				VKeyCode.VK_M,
				VKeyCode.VK_N,
				VKeyCode.VK_O,
				VKeyCode.VK_P,
				VKeyCode.VK_Q,
				VKeyCode.VK_R,
				VKeyCode.VK_S,
				VKeyCode.VK_T,
				VKeyCode.VK_U,
				VKeyCode.VK_V,
				VKeyCode.VK_W,
				VKeyCode.VK_X,
				VKeyCode.VK_Y,
				VKeyCode.VK_Z,
            ])
			)
		{
		    if( evt.preventDefault ) { evt.preventDefault(); }
			evt.returnValue = false;
			return false;
		}
	}
	else if( strMaskPattern.charCodeAt(nIndex) == NUM.charCodeAt(0) )
	{
		if( !__EnableKeys( evt,
            [ 
                VKeyCode.VK_TAB,
                VKeyCode.VK_0,
                VKeyCode.VK_1,
                VKeyCode.VK_2,
                VKeyCode.VK_3,
                VKeyCode.VK_4,
                VKeyCode.VK_5,
                VKeyCode.VK_6,
                VKeyCode.VK_7,
                VKeyCode.VK_8,
                VKeyCode.VK_9,
                VKeyCode.VK_NUMPAD0,
                VKeyCode.VK_NUMPAD1,                     
                VKeyCode.VK_NUMPAD2,
                VKeyCode.VK_NUMPAD3,
                VKeyCode.VK_NUMPAD4,
                VKeyCode.VK_NUMPAD5,
                VKeyCode.VK_NUMPAD6,
                VKeyCode.VK_NUMPAD7,
                VKeyCode.VK_NUMPAD8,
                VKeyCode.VK_NUMPAD9,
            ]) || evt.shiftKey
			)
		{
		    if( evt.preventDefault ) { evt.preventDefault(); }
			evt.returnValue = false;
			return false;
		}
	}


	var strChar = String.fromCharCode( evt.keyCode == 0 ? evt.which : evt.keyCode);
	
	if( strMaskPattern.charCodeAt(nIndex) == UPPER.charCodeAt(0) )
	    strChar = strChar.toUpperCase();
	else if( strMaskPattern.charCodeAt(nIndex) == LOWER.charCodeAt(0) )
	    strChar = strChar.toLowerCase();
	
	__ReplaceText( evt, strChar, nIndex, nIndex+1);
	
	// set the cursor
	var bLast = true;
	for( var i = nIndex + 1; i < strMaskPattern.length; i++)
	{
		if( strMaskPattern.charCodeAt(i) == UPPER.charCodeAt(0) ||
			strMaskPattern.charCodeAt(i) == LOWER.charCodeAt(0) ||
			strMaskPattern.charCodeAt(i) == NUM.charCodeAt(0) )
		{
			nIndex = i;
			bLast = false;
			break;
		}
	}	
	obj.setAttribute( "position", bLast ? nIndex + 1 : nIndex);	
	if( obj.selectionStart != null )
	{
	    obj.selectionStart = bLast ? nIndex + 1 : nIndex;
	    obj.selectionEnd = bLast ? nIndex + 1 : nIndex;
	}
	

	if( evt.preventDefault ) { evt.preventDefault(); }
	evt.returnValue = false;
	return false;
}// __OnMaskEditUpdated