$(document).ready(function () {
    renderLogos();
    $(".box").first().addClass("boxHover");
    $(".boxContent").hide();
    $("#box1Content").show();
    //$("#boxes").css("height",$("#box1Content").outerHeight(true)) 
    $(".box").hover(function () {
        var cHeight = $("#" + $(".boxHover").get(0).id + "Content").outerHeight()
        if (cHeight != "auto")
            $("#boxesContent").css("height", cHeight);
        //$("#temp").html($("#temp").html() + "<div>" + cHeight + "</div>");
        $(".boxHover").removeClass("boxHover");
        $(this).addClass("boxHover");
        $(".boxContent:not(#" + this.id + "Content):visible")
            .stop(true, true)
            .fadeOut(500, function () {
                $("#" + $(".boxHover").get(0).id + "Content").fadeIn(500);
                var cHeight = $("#" + $(".boxHover").get(0).id + "Content").outerHeight();
                if (cHeight != "auto")
                    $("#boxesContent").css("height", cHeight);
                //$("#temp").html($("#temp").html() + "<div>" + cHeight + "</div>");
            });
    });


});


            var imgW = 72, imgH = 60, tW = 265, tH = 165;
            var pTop = (tH - 2 * imgH) / 3;
            var pLeft = (tW - 3 * imgW) / 4;
            var fadeIn = 1000;
            var wait = 4500;
            var imagesLoaded;
            var curPage = -1;

            function renderLogos() {
                $("#logoAni").click(function () { window.location = "/Testimonials/"; });
                if (++curPage == logoPages.length)
                    curPage = 0;
                $("#logoAni").empty();

                imagesLoaded = 0;

                var randomOrder = randomArrayNums(6);

                for (var i = 5; i >= 0; i--) {
                    $("#logoAni").append("<img class='logo' id='logo" + i + "' style='display: none; width: " + imgW + "px; height: " + imgH + "px; position: absolute; top: " + pTop + "px; left: " + pLeft + "px; ' />");
                    $("#logo" + i).attr("src", "/media/Testimonials/Logos/" + logoPages[curPage].logoUrls[i]);

                    switch (randomOrder[i]) {
                        case 0: $("#logo" + i).css({ top: pTop, left: pLeft }); break;
                        case 1: $("#logo" + i).css({ top: pTop, left: pLeft * 2 + imgW }); break;
                        case 2: $("#logo" + i).css({ top: pTop, left: pLeft * 3 + imgW * 2 }); break;
                        case 3: $("#logo" + i).css({ top: pTop * 2 + imgH, left: pLeft }); break;
                        case 4: $("#logo" + i).css({ top: pTop * 2 + imgH, left: pLeft * 2 + imgW }); break;
                        case 5: $("#logo" + i).css({ top: pTop * 2 + imgH, left: pLeft * 3 + imgW * 2 }); break;
                    }

                }
                $(".logo").css("background-color", "White");
                $("#logo4").delay(fadeIn * 0.0).fadeIn(fadeIn, function () { $(this).css("background-color", "transparent"); });
                $("#logo2").delay(fadeIn * 0.5).fadeIn(fadeIn, function () { $(this).css("background-color", "transparent"); });
                $("#logo1").delay(fadeIn * 1.0).fadeIn(fadeIn, function () { $(this).css("background-color", "transparent"); });
                $("#logo5").delay(fadeIn * 1.5).fadeIn(fadeIn, function () { $(this).css("background-color", "transparent"); });
                $("#logo0").delay(fadeIn * 2.0).fadeIn(fadeIn, function () { $(this).css("background-color", "transparent"); });
                $("#logo3").delay(fadeIn * 2.5).fadeIn(fadeIn, function () { $(this).css("background-color", "transparent"); });

                setTimeout(function () {
                    $(".logo:not(#logo0)").css("background-color","White");
                    $("#logo1").fadeOut(fadeIn);
                    $("#logo2").fadeOut(fadeIn);
                    $("#logo3").fadeOut(fadeIn);
                    $("#logo4").fadeOut(fadeIn);
                    $("#logo5").fadeOut(fadeIn);
                    $("#logoAni").append("<div class='logoQuote'>" + logoPages[curPage].quote + "<Br /><div class='logoPerson'>-" + logoPages[curPage].quoteName + "</div></div>");
                    $(".logoQuote").delay(fadeIn * .5).fadeIn(fadeIn);
                    $("#logo0").animate({ left: (tW - imgW) / 2, top: pTop }, fadeIn, function () { });
                    setTimeout(function () {
                        $("#logo0").css("background-color", "White");
                        $("#logoAni").children().fadeOut(fadeIn);
                    }, 6500);
                    setTimeout(renderLogos, 6500 + fadeIn + 20);
                }, fadeIn * 3.0 + 2000);
            }

            function logoPage(logoUrls, quote, quoteName, logoindex) {
                this.logoUrls = logoUrls;
                this.quote = quote;
                this.logoindex = logoindex;
                this.quoteName = quoteName;
            }

            function randOrd() {
                return (Math.round(Math.random()) - 0.5);
            }

            function randomArrayNums(count) {
                var a = new Array();
                for (var i = 0; i < count; i++)
                    a.push(i);
                a.sort(randOrd);
                return a;
            }