function loadmodalpage(url) {
    var wrap = $('#mies1').overlay().getOverlay().find(".contentWrap");
    var divajaxwait = document.createElement('div');
    $(divajaxwait).addClass("loading")
    $(divajaxwait).attr("id", "loader");
    wrap.html(divajaxwait)
    $(divajaxwait).css({
        top: 0,
        left: 0,
        width: $('#mies1').width(),
        height: $('#mies1').height(),
        opacity: .50
    });

    // load the page specified in the trigger
    wrap.load(url);
    $('#mies1').overlay().load();
}

function errorpromtclose(caller) {
    errordiv = caller + "formError";
    if (typeof $(errordiv).attr("id") != "undefined") {
        $(errordiv).css({
            display: 'none'
        })
    }
}

function errorpromt(caller, promptText) {
    errordiv = caller + "formError";
    if (typeof $(errordiv).attr("id") == "undefined") {
        var divFormError = document.createElement('div');
        var formErrorContent = document.createElement('div');

        linkTofield = $(caller).attr("id") + "formError";
        $(divFormError).addClass("formError")
        $(divFormError).attr("id", linkTofield);

        $(divFormError).addClass(linkTofield)
        $(formErrorContent).addClass("formErrorContent")

        $("#panel").append(divFormError)
        $(divFormError).append(formErrorContent)

        $(formErrorContent).html(promptText)

        callerTopPosition = $(caller).offset().top;
        callerleftPosition = $(caller).offset().left;
        callerWidth = $(caller).width()
        inputHeight = $(divFormError).height() /* POSITIONNING */
        callerleftPosition += callerWidth + 10;
        callerTopPosition += -inputHeight + 25;
        $(divFormError).css({
            top: callerTopPosition,
            left: callerleftPosition,
            opacity: 0
        })
        return $(divFormError).animate({
            "opacity": 0.87
        }, function () {
            return true;
        });
    } else {
        linkTofield = $(caller).attr("id") + "formError";

        updateThisPrompt = "." + linkTofield

        $(updateThisPrompt).find(".formErrorContent").html(promptText)
        callerTopPosition = $(caller).offset().top;
        inputHeight = $(updateThisPrompt).height()

        callerTopPosition = callerTopPosition - inputHeight + 25
        $(updateThisPrompt).css({
            top: callerTopPosition,
            left: callerleftPosition,
            display: 'block',
            opacity: 0
        })
        $(updateThisPrompt).animate({
            top: callerTopPosition,
            "opacity": 0.87
        });
    }
}
$(document).ready(function () {

    $('#mies1').overlay();
    $("a[title]").tooltip();
    // Expand Panel
    $("#open").click(function () {
        $("div#panel").slideDown("slow");

    });

    // Collapse Panel
    $("#close").click(function () {
        $("div#panel").slideUp("slow");
    });

    // Switch buttons from "Log In | Register" to "Close Panel" on click
    $("#toggle a").click(function () {
        $("#toggle a").toggle();
    });

    $("#tvtabs ul li a").click(function () {
        $("#tvdivcontainer").html("Requesting content...");
        $('#tvdivcontainer').load($(this).attr("href"));
        return false;
    });

    $('#logcheckf').submit(function () {
        returnval = true;
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        if (!$("#log").val()) {
            returnval = false;
            errorpromt("#log", "Username is required");
        } else {
            errorpromtclose("#log");
        }
        if (!$("#pwd").val()) {
            returnval = false;
            errorpromt("#pwd", "Password is required");
        } else {
            errorpromtclose("#pwd");
        }
        if (returnval) {
            var divajaxwait = document.createElement('div');
            $(divajaxwait).addClass("loading")
            $(divajaxwait).attr("id", "loader");
            $("#panel").append(divajaxwait)
            $(divajaxwait).css({
                top: $('#logcheckf').offset().top,
                left: $('#logcheckf').offset().left,
                width: $('#logcheckf').width(),
                height: $('#logcheckf').height(),
                opacity: .50
            });
            $.post("login_check.php", $("#logcheckf").serialize(), function (data) {
                $(divajaxwait).remove();
                if (!data.userfound) {
                    errorpromt("#log", "Username not found");
                }
                if (!data.passmatch) {
                    errorpromt("#pwd", "Inccorect Password");
                }
                if (data.userfound && data.passmatch) {
                    window.location = "index.php";
                }
            }, "json")
        }
        return false;
    });
    $('#newregf').submit(function () {
        returnval = true;
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        if (!$("#reguser").val()) {
            returnval = false;
            errorpromt("#reguser", "Username is required");
        } else {
            errorpromtclose("#reguser");
        }
        if (!$("#regemail").val()) {
            returnval = false;
            errorpromt("#regemail", "Email is required");
        } else if (!emailReg.test($("#regemail").val())) {
            returnval = false;
            errorpromt("#regemail", "Email not Valid");
        } else {
            errorpromtclose("#regemail");
        }
        if (returnval) {
            var divajaxwait = document.createElement('div');
            $(divajaxwait).addClass("loading")
            $(divajaxwait).attr("id", "loader");
            $("#panel").append(divajaxwait)
            $(divajaxwait).css({
                top: $('#regdivhold').offset().top,
                left: $('#regdivhold').offset().left,
                width: $('#regdivhold').width(),
                height: $('#regdivhold').height(),
                opacity: .50
            });
            $.post("newreg.php", $("#newregf").serialize(), function (data) {
                $(divajaxwait).remove();
                if (data.userfound) {
                    errorpromt("#reguser", "Username already taken");
                }
                if (data.emailfound) {
                    errorpromt("#regemail", "Email already taken");
                }
                if (!data.userfound && !data.emailfound) {
                    var regsucess = document.createElement('div');
                    var regsucessContent = document.createElement('div');

                    linkTofield = "sucessformError";
                    $(regsucess).addClass("formError")
                    $(regsucess).attr("id", linkTofield);

                    $(regsucess).addClass(linkTofield)
                    $(regsucessContent).addClass("formErrorContent")

                    $("#panel").append(regsucess)
                    $(regsucess).append(regsucessContent)

                    $(regsucessContent).html("regestration complete")
                    $(regsucess).css({
                        "background-color": "transparent",
                        top: $('#regdivhold').offset().top,
                        left: $('#regdivhold').offset().left + 4,
                    });
                    $(regsucessContent).css({
                        "background-color": "#33be40",
                        width: $('#regdivhold').width(),
                        height: $('#regdivhold').height() - 13,
                        opacity: .85
                    });
                    $(regsucess).fadeOut(3200, "linear", function () {
                        $(regsucess).remove();
                    });

                }
            }, "json")
        }
        return false;
    });
});