/// <reference path="jquery-1.3.2-vsdoc2.js" />
$(
    function() {
        AddFinishingOptionHome($(".pmlaminatedpopupbutton"), $("#pmlaminatedpopup"), $("#closelaminatedpopup"));
        AddFinishingOptionHome($(".pmwoodenrailspopupbutton"), $("#pmwoodenrailspopup"), $("#closewoodenrailspopup"));
        AddFinishingOptionHome($(".pmmountedpopupbutton"), $("#pmmountedpopup"), $("#closemountedpopup"));
        AddFinishingOptionHome($(".pmmagneticpopupbutton"), $("#pmmagneticpopup"), $("#closemagneticpopup"));
        AddFinishingOptionHome($(".pmspringrollerspopupbutton"), $("#pmspringrollerspopup"), $("#closespringrollers"));
        AddFinishingOptionHome($(".pmvalancespopupbutton"), $("#pmvalancespopup"), $("#closevalancespopup"));
    }
);

function AddSelectionOptionHome(Button, PopUp, ClosePopUp) {
    AddSelectionClickHome(Button, PopUp);
    AddCloseButtonHome(ClosePopUp, PopUp);
    AddMouseEventsHome(Button);
    AddMouseEventsHome(ClosePopUp);
}

function AddFinishingOptionHome(Button, PopUp, ClosePopUp) {
    AddClickHome(Button, PopUp);
    AddCloseButtonHome(ClosePopUp, PopUp);
    AddMouseEventsHome(Button);
    AddMouseEventsHome(ClosePopUp);
}

//  Adds effect and positions the extended finishing option popups
function AddSelectionClickHome(Element, PopUp) {
    Element.click(function() {
        var _element = $(this);
        var _popup = PopUp;

        _popup
            .css("top", _element.offset().top + _element.outerHeight(false))
            .css("left", _element.offset().left + _element.outerWidth(false) - _popup.outerWidth(false));

        if (_popup.is(":visible")) {
            _popup.slideUp("normal");
        } else {
            _popup.slideDown("normal");
        }
    });
}

//  Adds effect and positions all finishing option 'learn more' popups
function AddClickHome(Element, PopUp) {
    Element.click(function() {
        var _element = $(this);
        var _popup = PopUp;

        //  Close all other popups
        var _pmPopUps = $("div[id^='pm']");
        _pmPopUps.slideUp("normal");

        //        _popup
        //            .css("top", _element.offset().top + _element.outerHeight(false) + 5)
        //            .css("left", _element.offset().left - _popup.outerWidth(false) + _element.outerWidth(false) - 18);
        //        
        _popup
            .css("top", _element.offset().top + _element.outerHeight(false) + 5)
            .css("left", _element.offset().left - _popup.outerWidth(false) + _element.outerWidth(false));

        if (_popup.is(":visible")) {
            _popup.slideUp("normal");
        } else {
            _popup.slideDown("normal");
        }
    });
}

//  Adds functionality to the close buttons on the popups
function AddCloseButtonHome(Element, PopUp) {
    Element.click(function() {
        var _popup = PopUp;

        if (_popup.is(":visible")) {
            _popup.slideUp("normal");
        }
    });
}

//  Adds mouse effects for non-link, clickable elements
function AddMouseEventsHome(Element) {
    Element.mouseover(function() { $(this).css("cursor", "pointer"); });
    Element.mouseout(function() { $(this).css("cursor", "default"); });
}