// instructions: add event in submit button OnClientClick="CustomValidate()" 
// add event onkeydown="ValidatorOnMyChange()" in form
//
//var cursorx;
//var cursory;

//window.onload = init;
//function init() {
//	if (window.Event) {
//	document.captureEvents(Event.MOUSEMOVE);
//	}
//	document.onmousemove = getCursorXY;
//}

//function getCursorXY(e) {
//	cursorx = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
//	cursory = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
//}



// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all ? true : false;

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) { document.captureEvents(Event.MOUSEMOVE) } ;

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0;
var tempY = 0;

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
    if (IE) { // grab the x-y pos.s if browser is IE
        tempX = event.clientX + document.body.scrollLeft;
        tempY = event.clientY + document.body.scrollTop;
    } else { // grab the x-y pos.s if browser is NS
        tempX = e.pageX;
        tempY = e.pageY;
    }
    // catch possible negative values in NS4
    if (tempX < 0) { tempX = 0; }
    if (tempY < 0) { tempY = 0; }
    // show the position values in the form named Show
    // in the text fields named MouseX and MouseY
    return true;
}


    var iwasin = false;

    function CustomValidate() {
        iwasin = true;
        Page_ClientValidate();
        try {
            var ctrls = document.getElementsByTagName("span");
            var i = 0;

            for (i = 0; i < ctrls.length; i++) {
                try {
                    var element = document.getElementById(ctrls[i].id);
                    if (!element.isvalid) {
                        if (element.controltovalidate != "undefined") {
                            element = document.getElementById(ctrls[i].controltovalidate);
                            element.style.borderColor = 'red';
                        }
                    }
                }
                catch (err1) {
                }

            }
        }
        catch (err) {
            alert(err);
        }
    }



    function confirmpassword_isempty() {

        var image = document.getElementById('image1');
        var x = document.getElementById('confirm_password');
        var x1 = document.getElementById('password');
        if (x.value != x1.value) {

            image.style.visibility = "visible";
            x.className = "x-form-invalid";
            return false;
        }
        else {
            image.style.visibility = "hidden";
            x.className = "x-form-text x-form-field";

        }

    }


//    function ValidatorOnMyChange() {
//        try {
//            var ctrls = document.getElementsByTagName("span");

//            var i = 0;
//            for (i = 0; i < ctrls.length; i++) {
//                try {
//                    var element = document.all(ctrls[i].id);
//                    if (element.isvalid) {
//                        element = document.getElementById(ctrls[i].controltovalidate);
//                        element.className = "x-form-text x-form-field";


//                    }
//                    else {
//                        try {

//                            element = document.getElementById(ctrls[i].controltovalidate);
//                            element.className = "x-form-invalid";

//                        }
//                        catch (err4) {

//                        }
//                    }
////                }
//                catch (err2) {
//                }
//            }

//        }
//        catch (err) {
//        }
    //    }



    function ValidatorOnMyChange() {
        //Page_ClientValidate(checkall);



        try {
            var ctrls = document.getElementsByTagName("span");

            var i = 0;
            for (i = 0; i < ctrls.length; i++) {

                try {
                    var element = document.getElementById(ctrls[i].id);


                    if (element.isvalid) {
                        //alert(ctrls[i].errormessage);                
                        element = document.getElementById(ctrls[i].controltovalidate);
                        //element.style.backgroundColor = '#FFFFFF';
                        // element.style.borderColor='red';
                        //element.className = "x-form-text x-form-field";
                        //element.addClass("x-form-text x-form-field");
                        //element.setAttribute("className", "x-form-text x-form-field");
                        // document.getElementById(ctrls[i].controltovalidate).className = 'x-form-text x-form-field x-form-invalid';
                        element.className = 'x-form-text x-form-field';
                    }
                    else {

                        //alert(ctrls[i].id);                  
                        // element = document.getElementById(ctrls[i].controltovalidate);
                        //element.style.backgroundColor = '#FFC0C0';
                        //element.style.borderColor='red';
                        //element.addClass("x-form-invalid");
                        //element.setAttribute('class', 'x-form-text x-form-field x-form-invalid');
                        // element.setStyleClass('x-form-text x-form-field x-form-invalid');
                        //element.setAttribute('className', 'x-form-text x-form-field x-form-invalid');
                        //element.addAttribute("class", "x-form-text x-form-field x-form-invalid");
                        //element.className = "";
                        //element.class = "x-form-text x-form-field x-form-invalid";
                        document.getElementById(ctrls[i].controltovalidate).className = 'x-form-text x-form-field x-form-invalid';
                        //alert(document.getElementById(ctrls[i].controltovalidate).getAttribute('class'));

                    }

                }
                catch (err2) {
                    //alert(err2.value+"err2");   
                }
            }
        }
        catch (err) {
            //alert(err.value);   
        }


    }


    function displayerror2(msg) {

        try {
            var x = document.getElementById('ext-comp-1002');
            var devmsg = document.getElementById('ext-gen12');


            devmsg.innerHTML = msg;

            tempX += 10;
            tempY += 10;
            x.style.top = tempY + 'px';
            x.style.left = tempX + 'px';
            x.style.visibility = 'visible';
        }
        catch (err) {
            alert(err);
        }
    }


    function displayerror(validatorid) {
        try {
            var x = document.getElementById('ext-comp-1002');
            var devmsg = document.getElementById('ext-gen12');
            var element = document.getElementById(validatorid);

            devmsg.innerHTML = element.errormessage;

            tempX += 10;
            tempY += 10;
            x.style.top = tempY + 'px';
            x.style.left = tempX + 'px';
            x.style.visibility = 'visible';
        }
        catch (err) {
            alert(err);
        }
    }




    function hideerror() {

        var x = document.getElementById('ext-comp-1002');



        x.style.visibility = 'hidden';
        x.visible = false;

    }


     function checkvalid(validatorid, txtboxid) {
         var element = document.getElementById(validatorid);
         var txtid = document.getElementById(txtboxid);


         if (!element.isvalid) {
             txtid.className = "x-form-invalid";

         }
         else {
             txtid.className = "x-form-text x-form-field";
         }
     }