$().ready(function() {

    //Handles include on NetDecoder Page ONLY
    $(".supportedtechnologies").append($("div.NetDecoderTechnologiesSupported").html());


    var largestHeight = 0;
    var space = 0;
    var devOperator;
    var indOperator;
    var devStyleVal;
    var indStyleVal;
    //Hide (Collapse) the toggle containers on load
    //$("div #industrialTools").hide();

    var devHeight = 0;
    var indHeight = 0;



    devMarginTop = $("#developerTools").css("margin-top");
    if (!devMarginTop) {
        devMarginTop = $("#ctl00_ctl00_MainContent_LeftContent_developerTools").css("margin-top");
    }

    devMarginBottom = $("#developerTools").css("margin-bottom");
    if (!devMarginBottom) {
        devMarginBottom = $("#ctl00_ctl00_MainContent_LeftContent_developerTools").css("margin-bottom");
    }

    devPaddingTop = $("#developerTools").css("padding-top");
    if (!devPaddingTop) {
        devPaddingTop = $("#ctl00_ctl00_MainContent_LeftContent_developerTools").css("padding-top");
    }

    devPaddingBottom = $("#developerTools").css("padding-bottom");
    if (!devPaddingBottom) {
        devPaddingBottom = $("#ctl00_ctl00_MainContent_LeftContent_developerTools").css("padding-bottom");
    }
    devHeight = $("#developerTools").height() + parseInt(devMarginTop.slice(0, -2)) + parseInt(devMarginBottom.slice(0, -2)) + parseInt(devPaddingTop.slice(0, -2)) + parseInt(devPaddingBottom.slice(0, -2));

    indMarginTop = $("#industrialTools").css("margin-top");
    if (!indMarginTop) {
        indMarginTop = $("#ctl00_ctl00_MainContent_LeftContent_industrialTools").css("margin-top");
    }

    indMarginBottom = $("#industrialTools").css("margin-bottom");
    if (!indMarginBottom) {
        indMarginBottom = $("#ctl00_ctl00_MainContent_LeftContent_industrialTools").css("margin-bottom");
    }

    indPaddingTop = $("#industrialTools").css("padding-top");
    if (!indPaddingTop) {
        indPaddingTop = $("#ctl00_ctl00_MainContent_LeftContent_industrialTools").css("padding-top");
    }

    indPaddingBottom = $("#industrialTools").css("padding-bottom");
    if (!indPaddingBottom) {
        indPaddingBottom = $("#ctl00_ctl00_MainContent_LeftContent_industrialTools").css("padding-bottom");
    }
    indHeight = $("#industrialTools").height() + parseInt(indMarginTop.slice(0, -2)) + parseInt(indMarginBottom.slice(0, -2)) + parseInt(indPaddingTop.slice(0, -2)) + parseInt(indPaddingBottom.slice(0, -2));



    var pageType = $(".leftContent").attr("rel");

    if (!pageType) {
        switch (pageType) {
            case "download":
                //Switch the "Open" and "Close" state per click
                $("#menuTitleDeveloper").toggle(function() {
                    $(this).removeClass("active");
                    calculateColumnLengths("dev", devHeight);
                }, function() {
                    $(this).addClass("active");
                    calculateColumnLengths("dev", devHeight);

                });

                $("#menuTitleIndustrial").toggle(function() {
                    $(this).removeClass("active");
                    calculateColumnLengths("ind", indHeight);
                }, function() {
                    $(this).addClass("active");
                    calculateColumnLengths("ind", indHeight);
                });
                break;


            //            case "home":     
            //                calculateColumnLengths("start", 0);     
            //                break;     
            default:
                //Switch the "Open" and "Close" state per click
                $("#menuTitleDeveloper").toggle(function() {
                    $(this).addClass("active");
                    calculateColumnLengths("dev", devHeight);
                }, function() {
                    $(this).removeClass("active");
                    calculateColumnLengths("dev", devHeight);

                });

                $("#menuTitleIndustrial").toggle(function() {
                    $(this).addClass("active");
                    calculateColumnLengths("ind", indHeight);
                }, function() {
                    $(this).removeClass("active");
                    calculateColumnLengths("ind", indHeight);
                });
                break;
        }
    }

    //    $("img#test").css({cursor: "pointer"});
    //    
    //    $("img#test").click(function() {
    //    alert("Thanks for visiting!");
    //        
    //            });

    //Slide up and down on click
    $("div.menuHeader").click(function() {
        $(this).next(".menuContent").slideToggle("fast");
    });



    //remove search from search box
    $(".searchBox").focus(function() {
        value = $(this).val();
        $(this).attr("value", "");
    });
    $(".searchBox").blur(function() {
        if ($(this).val() == "") {
            $(this).val(value);
        }
    });


    calculateColumnLengths("start", 0);





    function calculateColumnLengths(menu, extra) {
        devStyleVal = $("#developerTools").attr("style");
        indStyleVal = $("#industrialTools").attr("style");


        if (!devStyleVal) {
            devStyleVal = "noStyle";
        } else {
            devStyleVal = devStyleVal.substring(9, 13);
        }

        if (!indStyleVal) {
            indStyleVal = "noStyle";
        } else {
            indStyleVal = indStyleVal.substring(9, 13);
        }

        if (devStyleVal == "none") {
            devOperator = 1; // subtract        
        } else {
            devOperator = -1; // add (default)        
        }

        if (indStyleVal == "none") {
            indOperator = 1; // subtract        
        } else {
            indOperator = -1; // add (default)        
        }


        switch (menu) {
            case "dev":
                extra = devOperator * extra;
                break;
            case "ind":
                extra = indOperator * extra;
                break;
            case "start":
                extra = extra;
                break;
        }

        if (extra > 0) {
            space = extra;
        }


        // fix the column height to be the same everywhere
        var leftHeight = 0;
        var middleHeight = 0;
        var middleAndRightHeight = 0;
        var rightHeight = 0;
        var siteContainerHeight = 0;
        var middleHomeHeight = 0;
        var leftPaddingTop = 0;
        var leftPaddingBottom = 0;
        var leftMarginTop = 0;
        var leftMarginBottom = 0;
        var middlePaddingTop = 0;
        var middlePaddingBottom = 0;
        var middleMarginTop = 0;
        var middleMarginBottom = 0;
        var middleHomePaddingTop = 0;
        var middleHomePaddingBottom = 0;
        var middleHomeMarginTop = 0;
        var middleHomeMarginBottom = 0;
        var rightPaddingTop = 0;
        var rightPaddingBottom = 0;
        var rightMarginTop = 0;
        var rightMarginBottom = 0;
        var middleAndRightPaddingTop = 0;
        var middleAndRightPaddingBottom = 0;
        var middleAndRightMarginTop = 0;
        var middleAndRightMarginBottom = 0;
        var siteContainerMarginTop = 0;
        var siteContainerMarginBottom = 0;
        var siteContainerPaddingTop = 0;
        var siteContainerPaddingBottom = 0;
        var difference = 0;
        var rightDifference = 0;


        $(".spacer").remove();

        // get heights, margins, and padding for all blocks
        leftMarginTop = $(".leftContent").css("margin-top");
        leftMarginBottom = $(".leftContent").css("margin-bottom");
        leftPaddingTop = $(".leftContent").css("padding-top");
        leftPaddingBottom = $(".leftContent").css("padding-bottom");
        leftHeight = $(".leftContent").height() + parseInt(leftMarginTop.slice(0, -2)) + parseInt(leftMarginBottom.slice(0, -2)) + parseInt(leftPaddingTop.slice(0, -2)) + parseInt(leftPaddingBottom.slice(0, -2));

        if ($(".middleContent").length > 0) {
            middleMarginTop = $(".middleContent").css("margin-top");
            middleMarginBottom = $(".middleContent").css("margin-bottom");
            middlePaddingTop = $(".middleContent").css("padding-top");
            middlePaddingBottom = $(".middleContent").css("padding-bottom");
            middleHeight = $(".middleContent").height() + parseInt(middleMarginTop.slice(0, -2)) + parseInt(middleMarginBottom.slice(0, -2)) + parseInt(middlePaddingTop.slice(0, -2)) + parseInt(middlePaddingBottom.slice(0, -2));
        }

        if ($(".middleContentHome").length > 0) {
            middleHomeMarginTop = $(".middleContentHome").css("margin-top");
            middleHomeMarginBottom = $(".middleContentHome").css("margin-bottom");
            middleHomePaddingTop = $(".middleContentHome").css("padding-top");
            middleHomePaddingBottom = $(".middleContentHome").css("padding-bottom");
            // add 210 for the video player on the home page - with youtube video
            // add 238 for the video player on the home page - with text and flash video - may need to adjust based on text
            middleHomeHeight = 238 + $(".middleContentHome").height() + parseInt(middleHomeMarginTop.slice(0, -2)) + parseInt(middleHomeMarginBottom.slice(0, -2)) + parseInt(middleHomePaddingTop.slice(0, -2)) + parseInt(middleHomePaddingBottom.slice(0, -2));
        }

        if ($(".rightContent").length > 0) {
            rightMarginTop = $(".rightContent").css("margin-top");
            rightMarginBottom = $(".rightContent").css("margin-bottom");
            rightPaddingTop = $(".rightContent").css("padding-top");
            rightPaddingBottom = $(".rightContent").css("padding-bottom");
            rightHeight = $(".rightContent").height() + parseInt(rightMarginTop.slice(0, -2)) + parseInt(rightMarginBottom.slice(0, -2)) + parseInt(rightPaddingTop.slice(0, -2)) + parseInt(rightPaddingBottom.slice(0, -2));
        }

        if ($(".middleAndRightContent").length > 0) {
            middleAndRightMarginTop = $(".middleAndRightContent").css("margin-top");
            middleAndRightMarginBottom = $(".middleAndRightContent").css("margin-bottom");
            middleAndRightPaddingTop = $(".middleAndRightContent").css("padding-top");
            middleAndRightPaddingBottom = $(".middleAndRightContent").css("padding-bottom");
            middleAndRightHeight = $(".middleAndRightContent").height() + parseInt(middleAndRightMarginTop.slice(0, -2)) + parseInt(middleAndRightMarginBottom.slice(0, -2)) + parseInt(middleAndRightPaddingTop.slice(0, -2)) + parseInt(middleAndRightPaddingBottom.slice(0, -2));
        }

        if ($(".siteContainer").length > 0) {
            siteContainerMarginTop = $(".siteContainer").css("margin-top");
            siteContainerMarginBottom = $(".siteContainer").css("margin-bottom");
            siteContainerPaddingTop = $(".siteContainer").css("padding-top");
            siteContainerPaddingBottom = $(".siteContainer").css("padding-bottom");
            siteContainerHeight = $(".siteContainer").height() + parseInt(siteContainerMarginTop.slice(0, -2)) + parseInt(siteContainerMarginBottom.slice(0, -2)) + parseInt(siteContainerPaddingTop.slice(0, -2)) + parseInt(siteContainerPaddingBottom.slice(0, -2));
        }

        largestHeight = leftHeight + extra;

        // compare each and set largestHeight variable
        if ($(".middleContent").length > 0) {
            if (largestHeight < middleHeight) {
                largestHeight = middleHeight;
            }
        }
        if ($(".middleContentHome").length > 0) {
            if (largestHeight < middleHomeHeight) {
                largestHeight = middleHomeHeight;
            }
        }
        if ($(".rightContent").length > 0) {
            if (largestHeight < rightHeight) {
                largestHeight = rightHeight;
            }
        }
        if ($(".middleAndRightContent").length > 0) {
            if (largestHeight < middleAndRightHeight) {
                largestHeight = middleAndRightHeight;
            }
        }

        // update the css for each block - removing the margin and padding added previously to the largest height
        if ($(".middleContentHome").length > 0) {
            difference = largestHeight - middleHomeHeight - 235;
            $(".middleContentHome").append("<div class='spacer' style='height: " + difference + "px;'>");
            // use with FVL video on home page
            //rightDifference = largestHeight - rightHeight + 38;           
            // use with YouTube video on home page
            rightDifference = largestHeight - rightHeight + 8;
            $(".rightContent").append("<div class='spacer' style='height: " + rightDifference + "px;'>");
        }

        if (($(".middleContent").length) > 0 && ($(".rightContent").length > 0)) {
            difference = largestHeight - middleHeight;
            $(".middleContent").append("<div class='spacer' style='height: " + difference + "px;'>");
            rightDifference = largestHeight - rightHeight;
            $(".rightContent").append("<div class='spacer' style='height: " + rightDifference + "px;'>");
        }

        if ($(".middleAndRightContent").length > 0) {
            var difference = largestHeight - middleAndRightHeight;
            $(".middleAndRightContent").append("<div class='spacer' style='height: " + difference + "px;'>");
        }

        if ($(".siteContainer").length > 0) {
            // use with FLV video on home page
            // $(".siteContainer").css("height", largestHeight + 370);
            // use with YouTube video on home page
            $(".siteContainer").css("height", largestHeight + 330);
        }

    }
});