$(document).ready(function () {
    bindForm();    

    $('.side_menu li a').hover(function () {
        if (!$(this).hasClass("select")) {
            $(this).css('color', $("#MenuColorHoverHiddenField").val());
        }
    },
    function () {
        if ($(this).hasClass("select")) {
            $(this).css('color', $("#MenuColorSelectHiddenField").val());
        }
        else {
            $(this).css('color', $("#MenuColorHiddenField").val());
        }
    });

    $(".default_popup_background").click(function () {
        closePopUp();        
    });

    $(".default_popup_close").click(function () {
        closePopUp();        
    });
});

function bindForm() {

    // Set Header...
    var headerImage = $("#HeaderImageHiddenField").val();
    $(".header").css("background", "#000 url(FileManager/Header/" + headerImage + ") no-repeat");

    // Set background...
    var backgroundImage = $("#BackgroundImageHiddenField").val();
    var backgroundPosition = $("#BackgroundPositionHiddenField").val();
    if (backgroundImage != "NONE") {
        $(".body_container").css("background", "#fff url(FileManager/background/" + backgroundImage + ") no-repeat " + backgroundPosition);
    }

    // Set Menu Colors...
    $(".side_menu li a").css("color", $("#MenuColorHiddenField").val());
    $(".side_menu li a.select").css("color", $("#MenuColorSelectHiddenField").val());

    // Set Address Color...
    $(".address_container div").css("color", $("#AddressColorHiddenField").val());
    $(".address_container div a").css("color", $("#AddressColorHiddenField").val());

    // Set Minimum Height...
    $(".main_content_padding").css("height", $("#MinHeightHiddenField").val());

//    var browserHeight = $(window).height();
//    var wrapperHeight = $(".wrapper").height();
//    if (wrapperHeight < browserHeight) {
//        $(".wrapper").css("margin-top", ((browserHeight - wrapperHeight)/2) + "px");
//    }
}

function showPage(pageKey)
{
    window.location.href = "default.aspx?page=" + pageKey;
}

function showPopUp(message) {
    var height = $(".wrapper").height();
    $(".default_popup").css("top", ((height - 30) / 2) + "px");
    $(".default_popup").html(message);
    $(".default_popup_background").css("display", "block");
    $(".default_popup").css("display", "block");
}

function showMedia() {
    //showPopUp("Media Coming Soon!");
    var musicWindow = window.open("Music.aspx", "steelemusic", "status=no, toolbar=no, location=no, menubar=no, directories=no, resizable=no, scrollbars=no, height=200, width=250");
    musicWindow.moveTo(5, 5);
}

function showTv() {
    window.location.href = "default.aspx";
}

function showVideo(code) {
    var height = $(".wrapper").height();
    var width = $(".wrapper").width();
    var left = ((width - 640) / 2);
    var top = ((height - 360 - 160) / 2);

    // Position...
    $(".default_popup_background").css("top", "136px");
    $(".default_popup_background").css("height", (height - 160) + "px");
    

    $(".default_video_popup").css("left", left + "px");
    $(".default_video_popup").css("top", (top + 136) + "px");

    $(".default_popup_close").css("left", (left + 540) + "px");
    $(".default_popup_close").css("top", (top + 365 + 136) + "px");
    
    // Display...
    $(".default_popup_background").css("display", "block");
    $("#VideoIFrame").attr("src", "Video.aspx?code=" + code);
    $(".default_video_popup").css("display", "block");
    $(".default_popup_close").css("display", "block");

    //showPopUp("Video Coming Soon!");
}

function showGraphics() {
    showPopUp("Graphics Coming Soon!");
}

function closePopUp() {
    $(".default_popup_close").css("display", "none");
    $(".default_video_popup").css("display", "none");
    $("#VideoIFrame").attr("src", "Blank.aspx");
    $(".default_popup").css("display", "none");
    $(".default_popup_background").css("display", "none");
}