﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Client 360 Tiles</title>
    <link rel="stylesheet" href="../Client360/Display.css">
    <script type="text/javascript" src="../Common/jQuery.js"></script>
    <script type="text/javascript" src="../Common/DataAccessLibraryAsyncReadOnly.js"></script>
    <script type="text/javascript" src="../Common/DataAccessLibraryAsyncUpdateOnly.js"></script>
    <script type="text/javascript" src="../Common/SDK.MetaData.js"></script>
    <script type="text/javascript" src="../Common/XrmServiceToolkit.js"></script>
    <script type="text/javascript" src="../Client360/Display.js"></script>
    <script>
        function start() {
            $(document).ready(function () {
                populateClient360();
            });
        }
    </script>
</head>

<body onload="start();">
    <h3 id="htab1" class="selected" onclick="handleTabDisplay(1);"><span id="tab1title"></span><span id="tab1Count"></span></h3>
    <h3 id="htab2" onclick="handleTabDisplay(2);"><span id="tab2title"></span><span id="tab2Count"></span></h3>
    <h3 id="htab3" onclick="handleTabDisplay(3);"><span id="tab3title"></span><span id="tab3Count"></span></h3>
    <h3 id="htab4" onclick="handleTabDisplay(4);"><span id="tab4title"></span><span id="tab4Count"></span></h3>
    <div id="containerTab1"></div>
    <div id="containerTab2"></div>
    <div id="containerTab3"></div>
    <div id="containerTab4"></div>
    <div id="containerBestNextActions">
        <div id="guidance" class="guidance">GUIDANCE: BEST NEXT ACTIONS</div>
        <div id="bestNextActions">
        </div>
        <div id="buttons">
            <div id="button1">
                <div id="button1Img" class="buttonNew">
                    <img id="button1Image" class="msAddNew" src="../../ms_/icons/General/addnew.png">
                </div>
                <div id="button1Text" class="buttonText">&nbsp;</div>
            </div>
            <div id="button2">
                <div class="buttonNew">
                    <img id="button2Image" class="msAddNew" src="../../ms_/icons/General/addnew.png">
                </div>
                <div id="button2Text" class="buttonText">&nbsp;</div>
            </div>
            <div id="button3">
                <div class="buttonNew">
                    <img id="button3Image" class="msAddNew" src="../../ms_/icons/General/addnew.png">
                </div>
                <div id="button3Text" class="buttonText">&nbsp;</div>
            </div>
            <div id="button4">
                <div class="buttonNew">
                    <img id="button4Image" class="msAddNew" src="../../ms_/icons/General/addnew.png">
                </div>
                <div id="button4Text" class="buttonText">&nbsp;</div>
            </div>
        </div>
    </div>
</body>
</html>
