﻿//THIS FUNCTION IN JQUERY, CHANGES THE PAGE BACKGROUND COLOR
function ChangePreviewBackground (color) {
    $(BottomThemePreview).css("background-color", color)
}

//THIS FUNCTION ASSIGNS A HOVER FUNCTION TO THE THEME BUTTON CLASS
$(document).ready(function () {
    $(".ButtonThemeClass").hover(function () {
        var backColor = $(this).css("background-color");
        CallWebServiceFromJquery(backColor);
    });
    //Browser detection and message display
    CheckBrowserStats();
});

//This selects the current module and company
function SelectCompany(Company, Product) {
    $("#" + Company).removeClass("CompanyButtonDeselected");
    $("#" + Company).addClass("CompanyButtonSelected");
    $("#HiddenCompany").val(Company);
    $("#HiddenProduct").val(Product);
}

//THIS SCRIPT MAKES SURE THE USER IS ON IE8, Chrome, Safari
function CheckBrowserStats() {
    var textDisplay = document.getElementById('BrowserWarning');
    var detectedBrowser = false;
    var browserName;
    var browserVersion;
    if ($.browser.msie == true && detectedBrowser == false) {
        detectedBrowser = true;
        browserName = "Internet Explorer";
        browserVersion = $.browser.version;
    }
    if ($.browser.webkit == true && detectedBrowser == false) {
        detectedBrowser = true;
        browserName = "Google Chrome / Apple Safari";
        browserVersion = $.browser.version;
    }
    //Setting values of the text display items
    if ((browserName == "Internet Explorer" && parseInt(browserVersion) >= 8) || browserName == "Google Chrome / Apple Safari") {
        textDisplay.innerHTML = "Thank you for using one of the latest browsers available!";
        $("#warningimageholder").hide();
    }
    else {
        textDisplay.innerHTML = "Please use Internet Explorer 8 or higher, Google Chrome or Safari to enable full functionality";
        $("#warningimageholder").blink();
    }
}

//USE THIS TO CALL AN AJAX FROM JQUERY
function CallWebServiceFromJquery(color) {
    //Getting the background color of the selected/hovered button
    $.ajax({
        type: "POST",
        url: "WebServices/PageBackgroundService.asmx/PageBackground",
        data: "{'ColorCode':'" + color + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json"
    });
    //Changing the background color of the page
    ChangePreviewBackground(color);
}

//This function checks to see whether the email/username is valid
function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,10}$/);
    //return pattern.test(emailAddress);
    return true;
}

//On entering characters, see if the email/username is valid (has an @ symbol)
$(document).ready(function () {
    $("#LoginMain_UserName").keyup(function () {
        var email = $("#LoginMain_UserName").val();
        if (email != 0) {
            if (isValidEmailAddress(email)) {
                $("#validEmail").css({ "background-image": "url('Images/ValidYes.png')" });
            } else {
                $("#validEmail").css({ "background-image": "url('Images/ValidNo.png')" });
            }
        } else {
            $("#validEmail").css({ "background-image": "none" });
        }
    });

    $("#LoginMain_Password").keyup(function () {
        var email = $("#LoginMain_UserName").val();
        if (email != 0) {
            if (isValidEmailAddress(email)) {
                $("#validEmail").css({ "background-image": "url('Images/ValidYes.png')" });
            } else {
                $("#validEmail").css({ "background-image": "url('Images/ValidNo.png')" });
            }
        } else {
            $("#validEmail").css({ "background-image": "url('Images/ValidNo.png')" });
        }
    });
});
