function onEndRequest(sender, args) {
    if (timeoutPointer != null)
        clearTimeout(timeoutPointer);
    if (updatePanelID) {
        var upd = $get(updatePanelID);
        if (upd) {
            upd.style.visibility = '';
            updatePanelID = null;
        }
    }
    var pnlLoading = $get('pnlLoadingForAjax');

    try {
        document.getElementById("divFooterForAjax").innerHTML = "<p>Please be patient while our server is processing your request.</p><p>If you encounter any errors please write us at <a href='mailto:info@walesinlondon.com'>info@walesinlondon.com</a></p>";
    }
    catch (e) {
    }

    pnlLoading.style.display = 'none';
}

var updatePanelID = null;
var timeoutPointer = null;

function ShowLoadingPanel() {
    if (updatePanelID == null)
        return;
    var upd = $get(updatePanelID);

    if (upd) {
        var bounds = Sys.UI.DomElement.getBounds(upd);
        upd.style.visibility = 'hidden';
        var pnlLoading = $get('pnlLoadingForAjax');
        pnlLoading.style.display = '';
    }
}

function onBeginRequest(sender, args) {
    //updatePanelID = Sys.WebForms.PageRequestManager.getInstance()._postBackSettings.panelID.split("|")[0];
    updatePanelID = String(Sys.WebForms.PageRequestManager.getInstance()._postBackSettings.panelsToUpdate);

    if (updatePanelID == "null") {
        updatePanelID = String(Sys.WebForms.PageRequestManager.getInstance()._postBackSettings.asyncTarget);
    }
    updatePanelID = updatePanelID.replace(new RegExp('\\$', 'g'), '_');

    if (updatePanelID.lastIndexOf("_NoDisplayForAjax") > 0)
        return;
    var timeout = 1000;

    //hardcoding for agreements    
    var isAgreementUpdatePanel = (updatePanelID == "sm") || (updatePanelID.lastIndexOf("EditAgreement") > 0);
    if (isAgreementUpdatePanel && ((window.location.href.lastIndexOf("Edit-Agreement") > 0) || (window.location.href.lastIndexOf("edit-agreement") > 0))) {
        updatePanelID = "rptC3_ctl00_AC3_EditAgreement_upEditAgr";
        timeoutPointer = setTimeout("ShowLoadingPanel()", 500);
        return;
    }

    if (updatePanelID.lastIndexOf("upEditAgr") > 0 || updatePanelID.lastIndexOf("upnlActions") > 0 || updatePanelID.lastIndexOf("_InstantLoadingDisplay") > 0) {
        timeout = 500;
    }

    //var upd = $get(updatePanelID);
    timeoutPointer = setTimeout("ShowLoadingPanel()", timeout);
}

function onInitializeRequest(sender, args) {
    if (Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack()) {
        args.set_cancel(true);
    }
}

function pageLoad() {
    var obj = Sys.WebForms.PageRequestManager.getInstance();
    obj.add_beginRequest(onBeginRequest);
    obj.add_endRequest(onEndRequest);
    obj.add_initializeRequest(onInitializeRequest);
}


/****************** THIS IS THE ROLLOVER.JS content. I have concat this with global.js to reduce HTTP request by 1 *************/
function CacheImages(img_srcs) {
    if (!document.images) return;

    var imgs = new Array();
    for (var i = 0; i < img_srcs.length; i++) {
        imgs[i] = new Image();
        imgs[i].src = img_srcs[i];
    }
}

function CacheImage(imgSrc) {
    if (!document.images) return;

    img = new Image();
    img.src = imgSrc;
}

function RollOver(imgID, imgPath, linkID, URL) {
    $get(imgID).src = imgPath;
    $get(linkID).href = URL;
}

function RollOver2(imgID, imgPath, linkID, URL, lblID, title) {
    $get(imgID).src = imgPath;
    $get(linkID).href = URL;
    $get(lblID).innerHTML = title;
}

function RollOver3(lblAuthorID, lblTitleID, author, title) {
    $get(lblAuthorID).innerHTML = author;
    $get(lblTitleID).innerHTML = title;
}

function RollOverResize(imgID, imgPath, linkID, URL, width, height) {
    var img = $get(imgID);
    img.src = imgPath;
    $get(linkID).href = URL;

    img.style.width = "auto";
    img.style.height = "auto";

    if (width != "0") {
        img.style.width = width + "px";
    }

    if (height != "0") {
        img.style.height = height + "px";
    }
}

function ValueIsInArray(findValue, array) {
    for (var i = 0; i <= array.length - 1; i++) {
        if (array[i] == findValue)
            return true;
    }
    return false;
}

function ValidateFields(validationGroup) {
    try {
        var val;
        var i = 0;
        var invalidCtl = [];
        var arrayCont = 0;
        if (validationGroup == "" || validationGroup == "undefined") {
            val = Page_ClientValidate();
            for (; i < Page_Validators.length; i++) {
                try {
                    if (Page_Validators[i].isvalid && !ValueIsInArray(Page_Validators[i].controltovalidate, invalidCtl)) {
                        var className = document.getElementById(Page_Validators[i].controltovalidate).className.replace(" error", "");
                        document.getElementById(Page_Validators[i].controltovalidate).className = className;
                    }
                    else {
                        invalidCtl[arrayCont] = Page_Validators[i].controltovalidate;
                        arrayCont++;
                        var className1 = document.getElementById(Page_Validators[i].controltovalidate).className.replace(" error", "") + " error";
                        document.getElementById(Page_Validators[i].controltovalidate).className = className1;
                    }
                }
                catch (ex) { }
            }
        }
        else {
            val = Page_ClientValidate(validationGroup);
            for (; i < Page_Validators.length; i++) {
                try {
                    if (Page_Validators[i].validationGroup == validationGroup) {
                        if (Page_Validators[i].isvalid && !ValueIsInArray(Page_Validators[i].controltovalidate, invalidCtl)) {
                            var className2 = document.getElementById(Page_Validators[i].controltovalidate).className.replace(" error", "");
                            document.getElementById(Page_Validators[i].controltovalidate).className = className2;
                        }
                        else {
                            invalidCtl[arrayCont] = Page_Validators[i].controltovalidate;
                            arrayCont++;
                            var className3 = document.getElementById(Page_Validators[i].controltovalidate).className.replace(" error", "") + " error";
                            document.getElementById(Page_Validators[i].controltovalidate).className = className3;
                        }
                    }
                }
                catch (ex) { }
            }
        }
    }
    catch (ex) { }
    return val;
}

function ClearFields() {
    try {
        var i = 0;
        for (; i < Page_Validators.length; i++) {
            var className = document.getElementById(Page_Validators[i].controltovalidate).className.replace(" error", "");
            document.getElementById(Page_Validators[i].controltovalidate).className = className;
        }
    }
    catch (ex) { }
}


function disableEnterKey(e) {
    var key;

    if (window.event)
        key = window.event.keyCode;     //IE
    else
        key = e.which;     //firefox

    if (key == 13)
        return false;
    else
        return true;
}

function iconPersonaMouseOver() {
    $(".iconPersona").addClass("iconPersonaHover");
    $(".iconInfo").addClass("iconInfoNextHover");
    $(".submenu-personal").removeClass("hidden");
}

function iconPersonaMouseOut() {
    $(".iconPersona").removeClass("iconPersonaHover");
    $(".iconInfo").removeClass("iconInfoNextHover");
    $(".submenu-personal").addClass("hidden");
}

function iconInfoMouseOver() {
    $(".iconPersona").addClass("iconPersonaPrevHover");
    $(".iconInfo").addClass("iconInfoHover");
    $(".iconLinks").addClass("iconLinksNextHover");
    $(".submenu-general").removeClass("hidden");
}

function iconInfoMouseOut() {
    $(".iconPersona").removeClass("iconPersonaPrevHover");
    $(".iconInfo").removeClass("iconInfoHover");
    $(".iconLinks").removeClass("iconLinksNextHover");
    $(".submenu-general").addClass("hidden");
}

function iconLinksMouseOver() {
    $(".iconInfo").addClass("iconInfoPrevHover");
    $(".iconLinks").addClass("iconLinksHover");
    $(".iconVkam").addClass("iconVkamNextHover");
    $(".submenu-links").removeClass("hidden");
}

function iconLinksMouseOut() {
    $(".iconInfo").removeClass("iconInfoPrevHover");
    $(".iconLinks").removeClass("iconLinksHover");
    $(".iconVkam").removeClass("iconVkamNextHover");
    $(".submenu-links").addClass("hidden");
}

function iconVkamMouseOver() {
    $(".iconLinks").addClass("iconLinksPrevHover");
    $(".iconVkam").addClass("iconVkamHover");
    $(".submenu-vkam").removeClass("hidden");
}

function iconVkamMouseOut() {
    $(".iconLinks").removeClass("iconLinksPrevHover");
    $(".iconVkam").removeClass("iconVkamHover");
    $(".submenu-vkam").addClass("hidden");
}

var tp, tg, tl, tv;
var delay = 100; //microseconds

$(document).ready(function () {

    if ($('.filled').val() != '' & $('.filled').val() != 'email') {
        $('.filled').css('color', '#7F92C7');
    }

    $('.filled').focus(function () {
        if ($(this).val() == 'email') {
            $(this).val('');
            $(this).css('color', '#7F92C7');
        }
    }).blur(function () {
        if ($(this).val() == "") {
            $(this).val('email');
            $(this).css('color', '#E9E4F1');
        }
    });

    $('.filledSearch').focus(function () {
        if ($(this).val() == "Zoekfunctie") {
            $(this).val('');
            $(this).css('color', '#7F92C7');
        }
    }).blur(function () {
        if ($(this).val() == "") {
            $(this).val('Zoekfunctie');
            $(this).css('color', '#E9E4F1');
        }
    });

    if ($('.filledPassword').val() !== "") {
        $(this).addClass("hidden");
    }

    $('.filledFakePassword').focus(function () {
        $(this).addClass("hidden");
        $('.filledPassword').removeClass("hidden").focus();
        $('.filledPassword').css('color', '#7F92C7');
    });

    $('.filledPassword').blur(function () {
        if ($(this).val() == "") {
            $(this).addClass("hidden");
            $('.filledFakePassword').removeClass("hidden");
        }
    });

    $(".iconPersona").mouseover(function () {
        iconPersonaMouseOver();

        iconInfoMouseOut();
        iconLinksMouseOut();
        iconVkamMouseOut();

        clearTimeout(tg);
        clearTimeout(tl);
        clearTimeout(tv);

    }).mouseout(function () {
        tp = setTimeout("iconPersonaMouseOut()", delay);
    });

    $(".iconInfo").mouseover(function () {
        iconInfoMouseOver();

        iconPersonaMouseOut();
        iconLinksMouseOut();
        iconVkamMouseOut();

        clearTimeout(tp);
        clearTimeout(tl);
        clearTimeout(tv);
    }).mouseout(function () {
        tg = setTimeout("iconInfoMouseOut()", delay);
    });

    $(".iconLinks").mouseover(function () {
        iconLinksMouseOver();

        iconPersonaMouseOut();
        iconInfoMouseOut();
        iconVkamMouseOut();

        clearTimeout(tg);
        clearTimeout(tp);
        clearTimeout(tv);
    }).mouseout(function () {
        tl = setTimeout("iconLinksMouseOut()", delay);
    });

    $(".iconVkam").mouseover(function () {
        iconVkamMouseOver();

        iconLinksMouseOut();
        iconPersonaMouseOut();
        iconInfoMouseOut();

        clearTimeout(tg);
        clearTimeout(tl);
        clearTimeout(tp);

    }).mouseout(function () {
        tv = setTimeout("iconVkamMouseOut()", delay);
    });

    $(".submenu-personal").hover(
          function () {
              clearTimeout(tp);
          },
          function () {
              iconPersonaMouseOut();
          }
        );

    $(".submenu-general").hover(
          function () {
              clearTimeout(tg);
          },
          function () {
              iconInfoMouseOut();
          }
        );

    $(".submenu-links").hover(
          function () {
              clearTimeout(tl);
          },
          function () {
              iconLinksMouseOut();
          }
        );

    $(".submenu-vkam").hover(
          function () {
              clearTimeout(tv);
          },
          function () {
              iconVkamMouseOut();
          }
        );



    //        $(".iconPersona").mouseover(function () {
    //            $(".iconPersona").addClass("iconPersonaHover");
    //            $(".iconInfo").addClass("iconInfoNextHover");
    //        }).mouseout(function () {
    //            $(".iconPersona").removeClass("iconPersonaHover");
    //            $(".iconInfo").removeClass("iconInfoNextHover");
    //        });

    //        $(".iconInfo").mouseover(function () {
    //            if ($(".iconPersona").hasClass("iconPersonaActive")) {
    //                $(".iconPersona").addClass("iconPersonaPrevActive");
    //            }
    //            else {
    //                $(".iconPersona").addClass("iconPersonaPrevHover");
    //            }

    //            $(".iconInfo").addClass("iconInfoHover");
    //            $(".iconLinks").addClass("iconLinksNextHover");
    //        }).mouseout(function () {
    //            $(".iconPersona").removeClass("iconPersonaPrevHover");
    //            $(".iconInfo").removeClass("iconInfoHover");
    //            $(".iconLinks").removeClass("iconLinksNextHover");
    //        });


    //        $(".iconLinks").mouseover(function () {
    //            if ($(".iconInfo").hasClass("iconInfoActive")) {

    //                $(".iconInfo").addClass("iconInfoPrevActive");
    //            }
    //            else {
    //                if ($(".iconPersona").hasClass("iconPersonaActive")) {
    //                    $(".iconInfo").addClass("iconInfoNextHover");   
    //                }
    //                else {
    //                    $(".iconInfo").addClass("iconInfoPrevHover");
    //                }
    //            }

    //            $(".iconLinks").addClass("iconLinksHover");
    //            $(".iconVkam").addClass("iconVkamNextHover");
    //        }).mouseout(function () {
    //            $(".iconInfo").removeClass("iconInfoPrevHover");
    //            $(".iconLinks").removeClass("iconLinksHover");
    //            $(".iconVkam").removeClass("iconVkamNextHover");
    //        });


    //        $(".iconVkam").mouseover(function () {

    //            if ($(".iconLinks").hasClass("iconLinksActive")) {
    //                $(".iconLinks").addClass("iconLinksPrevActive");
    //            }
    //            else {
    //                if ($(".iconInfo").hasClass("iconInfoActive")) {
    //                    $(".iconLinks").addClass("iconLinksNextActive");
    //                }
    //                else {
    //                    $(".iconLinks").addClass("iconLinksPrevHover");
    //                }
    //                $(".iconLinks").addClass("iconLinksPrevHover");
    //            }

    //            $(".iconVkam").addClass("iconVkamHover");
    //        }).mouseout(function () {
    //            $(".iconLinks").removeClass("iconLinksPrevHover");
    //            $(".iconVkam").removeClass("iconVkamHover");
    //        });


});