$(document).ready(function() {
    document.getElementById("isIntro").value = "true";
    $(window).resize(function() {
        updateFlashPosition();
    });
});



function openSecuredSite(posX, posY) {
    // hide skip intro form
    formLogin.hideFloatingForm();
    // hide forgot password
    formForgotPassword.hideFloatingForm();
    // set intro page
    document.getElementById("isIntro").value = "true";


    // calculate position
    var wrapperLeft = document.getElementById("wrapper").offsetLeft;
    var formMarker = 170;
    formLogin.showFloatingForm((posX + wrapperLeft), (posY - formMarker));

    configPinNumbers();
}

function skipFlashIntro(posX, posY) {
    // calculate position
    var markerWidth = 10;
    var wrapperLeft = document.getElementById("wrapper").offsetLeft;
    var formWidth = 380;
    var formMarker = 110;
    formSkipIntro.showFloatingForm((posX + wrapperLeft - (formWidth + markerWidth)), (posY - formMarker));
}

function startFlashIntro() {
    var wrapperDiv = document.getElementById("wrapper");
    var contentDiv = document.getElementById("content");
    var footerDiv = document.getElementById("footer");
    // set fash div width and height
    $(".flashIntroductionContainer").css("height", contentDiv.offsetHeight);
    $(".flashIntroductionContainer").css("width", (contentDiv.offsetWidth - 2));
    $(".flashIntroductionContainer").css("left", (contentDiv.offsetLeft + 1));
    $(".flashIntroductionContainer").css("top", contentDiv.offsetTop);
    $(".flashIntroductionContainer").css("visibility", "visible");
    $(".flashIntroductionContainer").css("display", "block");
    // show content blocker
    showModalBlocker();
    setModalBloquerAlpha(0);
    // blocker resize and position
    var blockerHeight = (wrapperDiv.offsetHeight - footerDiv.offsetHeight);
    $(".modalBlocker").css("height", blockerHeight);
    $(".modalBlocker").css("width", wrapperDiv.offsetWidth);
    $(".modalBlocker").css("left", wrapperDiv.offsetLeft);
    $(".modalBlocker").css("top", wrapperDiv.offsetTop);
    $(".modalBlocker").css("top", wrapperDiv.offsetTop);
    var guestButtonPos = $(".guestButton").position();
    var loginButtonPos = $(".loginButton").position();
    var logoutButtonPos = $(".logoutButton").position();
    var formButtonsPos = $(".formButtonsSpacer").position();
    $(".guestButton").css("z-index", 150);
    $(".guestButton").css("position", "absolute");
    $(".guestButton").css("top", guestButtonPos.top);
    $(".guestButton").css("left", guestButtonPos.left);
    $(".loginButton").css("z-index", 151);
    $(".loginButton").css("position", "absolute");
    $(".loginButton").css("top", loginButtonPos.top);
    $(".loginButton").css("left", loginButtonPos.left);
    $(".formButtonsSpacer").css("z-index", 150);
    $(".formButtonsSpacer").css("position", "absolute");
    $(".formButtonsSpacer").css("top", formButtonsPos.top);
    $(".formButtonsSpacer").css("left", formButtonsPos.left);
    if ($(".loginButton").css("display") == "none" && $(".loginButton").css("display") == "none") {
        $(".logoutButton").css("z-index", 150);
        $(".logoutButton").css("position", "absolute");
        $(".logoutButton").css("top", logoutButtonPos.top);
        $(".logoutButton").css("left", logoutButtonPos.left);
    }
}

function updateFlashPosition() {
    var wrapperDiv = document.getElementById("wrapper");
    var contentDiv = document.getElementById("content");
    var footerDiv = document.getElementById("footer");
    //
    var guestButtonPosX = $(".guestButton").position().left - wrapperDiv.offsetLeft;
    var loginButtonPosX = $(".loginButton").position().left - wrapperDiv.offsetLeft;
    var formButtonsPosX = $(".formButtonsSpacer").position().left - wrapperDiv.offsetLeft;
    // set fash div width and height
    $(".flashIntroductionContainer").css("height", contentDiv.offsetHeight);
    $(".flashIntroductionContainer").css("width", (contentDiv.offsetWidth - 2));
    $(".flashIntroductionContainer").css("left", (contentDiv.offsetLeft + 1));
    $(".flashIntroductionContainer").css("top", contentDiv.offsetTop);
    // blocker resize and position
    var blockerHeight = (wrapperDiv.offsetHeight - footerDiv.offsetHeight);
    $(".modalBlocker").css("height", blockerHeight);
    $(".modalBlocker").css("width", wrapperDiv.offsetWidth);
    $(".modalBlocker").css("left", wrapperDiv.offsetLeft);
    $(".modalBlocker").css("top", wrapperDiv.offsetTop);
    $(".modalBlocker").css("top", wrapperDiv.offsetTop);
    
    var loginButtonWidth = $(".loginButton").css("width");
    loginButtonWidth = loginButtonWidth.replace("px", "");
    var loginPos = (wrapperDiv.offsetLeft + wrapperDiv.offsetWidth) - (parseFloat(loginButtonWidth) + 43);
    $(".loginButton").css("left", loginPos);

    var guestButtonWidth = $(".guestButton").css("width");
    guestButtonWidth = guestButtonWidth.replace("px", "");
    var guetsPos = (wrapperDiv.offsetLeft + wrapperDiv.offsetWidth) - (parseFloat(guestButtonWidth) + 166);
    $(".guestButton").css("left", guetsPos);

    var spacerWidth = $(".guestButton").css("width");
    spacerWidth = spacerWidth.replace("px", "");
    var spacerPos = (wrapperDiv.offsetLeft + wrapperDiv.offsetWidth) - (parseFloat(spacerWidth) + 85);
    $(".formButtonsSpacer").css("left", spacerPos);
}