<script language="JavaScript" src="/js/Kribi3DPlayer.js" type="text/javascript"></script>

    <script language="JavaScript" src="/js/gFunct.js" type="text/javascript"></script>

    <script language="JavaScript" type="text/javascript">

        var controlCount = 1;

        var loadedControls = 0;

        var opening = false;

        var opened = false;

        var version = -1;

        /* ------------------------------------------------------------ */

        /* This function is invoked every time the player sends a message to the

        * browser, we use it to intercept the Ready event which is sent when

        * the player is ready to accept commands and the ModelOpened event which is

        * sent when the model has been loaded. */

        function KribiPlayer_Tell(msg) {

            var player = document.getElementById("KribiPlayer");

            if (msg == "Ready") {

                // The player is ready to accept commands.

            } else if (msg == "ModelOpened") {

                // The model has been opened, initialize the camera and the page controls.

                opened = true;

                DefaultView_init();

            } else if (msg == "Refresh") {

                if ((loadedControls == controlCount) && !opening) {

                    // Wait for all the controls to be opened, make sure that this will run only once.

                    opening = true;

                    player.Do("Model OpenAsync '" + FullModelsPath() + "Street60sV05_OP.kmo'");

                }

            }

        }

        /* ------------------------------------------------------------ */

        // Set default

        function DefaultView_init() {

            var player = document.getElementById("KribiPlayer");

            // Set the camera to its initial position.

            player.Do("Camera Position 34.7391,-3505.62,-6173.53");

            player.Do("Camera Orientation 101.31,338.944,0");

            player.Do("Camera FieldOfView 71.00");

            // Enable realistic rendering.

            player.Do("Renderer Shading Realistic");

            // Set tool

            CameraLookAt()

            document.getElementById("txt_fog_distance").value = player.Do("RealisticLighting FogDistance") / 1000;

            $find("<%= slider_fog_distance.ClientID %>").set_value(player.Do("RealisticLighting FogDistance") / 1000);

        }

        /* ------------------------------------------------------------ */

        // Tools

        function CameraLookAt() {

            // Set Tool CameraLookAt

            var player = document.getElementById("KribiPlayer");

            player.Do("Tool SetCurrent 'CameraLookAt'");

        }

        /* ------------------------------------------------------------ */

        // Function

        function view_fog() {

            var player = document.getElementById("KribiPlayer");

            if (document.getElementById('ckb_fog').checked) {

                player.Do("RealisticLighting Fog 1");

            } else {

                player.Do("RealisticLighting Fog 0");

            }

        }

        /*------------------------------------------------------------*/

        function SetFogColor(var_color) {

            var player = document.getElementById("KribiPlayer");

            if (document.getElementById('ckb_fog').checked) {

                player.Do("RealisticLighting FogColor '" + var_color + "'");

            }

        }

        /* ------------------------------------------------------------ */

        // Event handlers.

        /* Increase the count of the 'loaded' global variable, this is used to

        * check when all the Telerik controls have been loaded before sending

        * commands to the player. */

        function HandleClientLoad() {

            loadedControls++;

        }

        /* ------------------------------------------------------------ */

        /* Change the fog distance */

        function HandleValueChange_fog_distance(sender, arg) {

            var player = document.getElementById("KribiPlayer");

            player.Do("RealisticLighting FogDistance " + sender.get_value()*1000);

            document.getElementById("txt_fog_distance").value = sender.get_value();

        }