/*!

  \file statusbar.js This module contains the StatusBar class.

*/

/*!

  Class to handle displaying and updating the status bar. Only 1 status bar 

  should be created for the browser. This class is not designed to be code

  space efficient for creating multiple status bar objects.

*/

function StatusBar()

{

    // Private Classes

    /*!

      Class to handle updating the status bar title. Only 1 title should be

      created for the browser status bar. This class is not designed to be code

      space efficient for creating multiple title objects.

    */

    function Title()

    {

        // Private Methods

        //! Changes the current title to the specified title.

        /*!

          \param title new title to display

          \param doRepaint force immediate repaint if true

        */

        function setTitle(title, doRepaint)

        {

            document.getElementById('title').innerHTML = title;

            if (doRepaint)

                window.snippets.StatusBarChromeId.repaint();

        }

        // Public Methods

        //! Handles title change signal.

        /*!

          \param title new title

        */

        this.handleTitleChange = function(title)

        {

             if ((!window.views.WebView.currentPageIsSuperPage()) && 

                 window.views.current().type == "webView") {

                if (title != "")

                    setTitle(title, true);

            }

        }

        //! Handles title partial URL change signal.

        /*!

          \param partialUrl new title

        */

        this.handlePartialUrlChange = function(partialUrl)

        {

            if ((!window.views.WebView.currentPageIsSuperPage()) && 

                 window.views.current().type == "webView") {

                setTitle(partialUrl, true);

            }

        }

        //! Handles title update in response to current view change signal.

        this.handleCurrentViewChange = function()

        {

        	if(window.views.WebView.currentPageIsSuperPage()) {

        	 	   //alert(window.views.WebView.currentSuperPageName());

        	     if (window.views.WebView.currentSuperPageName() == "BookmarkTreeView") {

                    setTitle(window.localeDelegate.translateText("content_view_menu_bookmarks"), false);

                  }

                else if (window.views.WebView.currentSuperPageName() == "BookmarkHistoryView") {

                	     setTitle(window.localeDelegate.translateText("content_view_menu_history"), false);

                	   }

                else if (window.views.WebView.currentSuperPageName() == "SettingsView") {

                	     setTitle(window.localeDelegate.translateText("settings_settings"), false);

                }

           }

           else {        	

        	     if (window.views.current().type == "webView")  {

	                  /* For new windows, show title as 'New Window' */

	                if ((window.pageController.currentDocTitle == "") &&

	                    (window.pageController.currentDocUrl == "")) {

	                    setTitle(window.localeDelegate.translateText("windows_new_window"), false);

	                 }

	                else if (window.pageController.currentDocTitle == "") {

	                    setTitle(window.pageController.currentPartialUrl, false);

	                  }

	                else {

	                    setTitle(window.pageController.currentDocTitle, false);

	                   }

	             }

	            else {

	                if (window.views.current().type == "WindowView")

	                    setTitle(window.localeDelegate.translateText("windows_windows"), false);

	            }

          	}

         }

    }

    /*!

      Class to handle updating the lock status (show/remove lock icon). Only 1

      LockStatus object should be created for the browser status bar. This class

      is not designed to be code space efficient for creating multiple objects.

    */

    function LockStatus()

    {

        // Private Member Variables

        var secureIconSrc = "<img src=\"statusbar.snippet/icons/lock.png\">";

        var noIconSrc =  " ";

        // Public Methods

        //! Shows lock icon in status bar if in webView.

        this.showLockIcon = function()

        {

            if (window.views.current().type == "webView") {

                document.getElementById('lock').innerHTML = "<img src=\"statusbar.snippet/icons/lock.png\">";

                //window.snippets.StatusBarChromeId.repaint();

            }

        }

        //! Removes lock icon from status bar.

        this.removeLockIcon = function()

        {

             document.getElementById('lock').innerHTML = " ";

          }

        //! Handles lock status update in response to current view change signal.

        this.handleCurrentViewChange = function()

        {

        	  if(window.views.WebView.currentPageIsSuperPage()) {

        	  	this.removeLockIcon();

        	  }

        	  else{

		            if (window.views.current().type == "webView")  {

		                /* Secure icon */

		                if (window.pageController.secureState)

		                    this.showLockIcon();

		                else {

		                    this.removeLockIcon();

		                }

		            }

		            else {

		                this.removeLockIcon();

		            }

            }

        }

    }

    /*!

      Class to handle updating the clock time. Only 1 Clock object should be

      created for the browser status bar. This class is not designed to be code

      space efficient for creating multiple objects.

    */

    function Clock()

    {

        // Public Methods

        //! Updates the time displayed on the status bar.

        this.showtime = function()

        {

            var now = new Date();

            var hours = now.getHours();

            var minutes = now.getMinutes();

            var timeValue = "" + ((hours > 12) ? hours - 12 : hours);

            timeValue += ((minutes < 10) ? ":0" : ":") + minutes;

            timeValue += (hours >=12) ? " pm": " am";

            document.getElementById('clock').innerHTML = timeValue;

        }

    }

    /*!

      Class to handle updating the network status. Only 1 NetworkStatus object 

      should be created for the browser status bar. This class is not designed 

      to be code space efficient for creating multiple objects.

    */

    function NetworkStatus()

    {

        // Private Member Variables

        var networkIconSrc = new Array(

            "<img src=\"statusbar.snippet/icons/signal/signal0.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/signal/signal0.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/signal/signal25.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/signal/signal50.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/signal/signal75.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/signal/signal100.png\" alt=\"\">");

        var enumNetworkStrengths = new Object();

        var currentState; // last known signal state - see enumNetworkStrengths

        enumNetworkStrengths.state = {Offline:0, NoSignal:1, Signal1:2, 

            Signal2:3, Signal3:4, Signal4:5}

        currentState = enumNetworkStrengths.state.Offline;

        //! Encodes the specified string for display in HTML format.

        /*!

          \param str string to encode

        */

        // Note: this function doesn't handle partial or double encoding.

        function htmlEncode(str)

        {

            var s; // function return

            // Encode special HTML characters (&, ", <, >, and ').

            s = str.replace(/&/g, '&');

            s = s.replace(/\"/g, '"');

            s = s.replace(/</g, '&lt;');

            s = s.replace(/>/g, '>');

            s = s.replace(/'/g, ''');

            return (s);

        }

        //! Updates the field width for the network provider name.

        /*!

          \param s network provider name

        */

        function updateFieldWidth(s)

        {

            if (document.getElementById) {

                var rulerSpan = document.getElementById('sbruler');

                var fieldWidth;

                rulerSpan.innerHTML = s;

                fieldWidth = rulerSpan.offsetWidth + 10; // add 10 pixel padding

                document.getElementById('provider').width = fieldWidth + "px";

            }

        }

        //! Converts the specified strength using a scale of -1 to 100 to the 

        //! appropriate signal level state.

        /*!

          \param strength signal strength to convert

        */

        function convertStrengthToState(strength)

        {

            var state;

            if (strength < 0) // unknown network mode or error

                state = enumNetworkStrengths.state.Offline;

            else if (strength == 0) // no signal

                state = enumNetworkStrengths.state.NoSignal;

            else if (strength < 40) // less than 40/100

                state = enumNetworkStrengths.state.Signal1;

            else if (strength < 65) // less than 65/100

                state = enumNetworkStrengths.state.Signal2;

            else if (strength < 90) // less than 90/100

                state = enumNetworkStrengths.state.Signal3;

            else // 90/100 or higher - full signal

                state = enumNetworkStrengths.state.Signal4;

            return (state);

        }

        //! Changes the displayed network provider name.

        /*!

          \param networkName New network provider name to display

        */

        function changeName(networkName)

        {

            // truncate name if it's too long

            if (networkName.length > NetworkStatus.MAX_NAME_LEN)

                networkName = networkName.substring(0, NetworkStatus.MAX_NAME_LEN);

            // set field width to the appropriate width and change the name

            updateFieldWidth(htmlEncode(networkName));

            document.getElementById('provider').innerHTML = htmlEncode(networkName);

            // repaint if status bar exists (first call to this function, it doesn't)

            if (window.snippets.StatusBarChromeId)

                window.snippets.StatusBarChromeId.repaint();

        }

        //! Gets the appropriate image tag HTML string for the current network 

        //! signal strength.

        this.getInitialStrengthImgTag = function()

        {

            var strength = window.deviceDelegate.networkSignalStrength;

            currentState = convertStrengthToState(strength);

            return (networkIconSrc[currentState]);

        }

        //! Displays the initial network name.

        this.showInitialNetworkName = function()

        {

            // if we went offline, set the provider name to "offline"

            if (currentState == enumNetworkStrengths.state.Offline)

                changeName(window.localeDelegate.translateText("offline"));

            else

                changeName(window.deviceDelegate.networkName);

        }

        //! Handles the signal strength change signal.

        /*!

          \param strength new signal strength

        */

        this.handleSignalStrengthChange = function(strength)

        {

            var state = convertStrengthToState(strength);

            // only interested in state changes

            if (currentState != state) {

                lastState = currentState; // save former state

                // update current state and network icon

                currentState = state;

                document.getElementById('strength').innerHTML = 

                    networkIconSrc[currentState];

                window.snippets.StatusBarChromeId.repaint();

                // if we went offline, change the provider name to "offline"

                if (currentState == enumNetworkStrengths.state.Offline)

                    changeName(window.localeDelegate.translateText("offline"));

                // if we just came online, get and update provider name

                else if (lastState == enumNetworkStrengths.state.Offline)

                    changeName(window.deviceDelegate.networkName);

            }

        }

        //! Handles the network name change signal.

        /*!

          \param networkName new network name

        */

        this.handleNameChange = function(networkName)

        {

            // Offline network name is hard coded.

            if (currentState != enumNetworkStrengths.state.Offline)

                changeName(networkName);

        }

    }

    // class property (i.e. property of the class constructor function)

    NetworkStatus.MAX_NAME_LEN = 20; // max length of provider name

    /*!

      Class to handle updating the battery level. Only 1 BatteryStatus object 

      should be created for the browser status bar. This class is not designed 

      to be code space efficient for creating multiple objects.

    */

    function BatteryStatus()

    {

        // Private Member Variables

        var batteryIconSrc = new Array(

            "<img src=\"statusbar.snippet/icons/battery/batt10.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/battery/batt20.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/battery/batt30.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/battery/batt40.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/battery/batt50.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/battery/batt60.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/battery/batt70.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/battery/batt80.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/battery/batt90.png\" alt=\"\">", 

            "<img src=\"statusbar.snippet/icons/battery/batt100.png\" alt=\"\">",

            "<img src=\"statusbar.snippet/icons/battery/batt100_charging.png\" alt=\"\">");

        var enumBatteryLevels = new Object();

        enumBatteryLevels.state = {Level10:0, Level20:1, Level30:2, Level40:3, 

            Level50:4, Level60:5, Level70:6, Level80:7, Level90:8, Level100:9, 

            LevelCharging:10}

        //! Converts the specified battery level (1 to 100) to a battery state.

        /*!

          \param level battery level (1 to 100)

        */

        function convertLevelToState(level)

        {

            var state;

            // Don't report battery level as being any higher than it actually is.

            // Unless it is under 10% in which case user story specifies one bar be displayed.

            if (window.deviceDelegate.batteryCharging)

                state = enumBatteryLevels.state.LevelCharging;

            else if (level < 20) // less than 20% full

                state = enumBatteryLevels.state.Level10;

            else if (level < 30) // less than 30% full

                state = enumBatteryLevels.state.Level20;

            else if (level < 40) // less than 40% full

                state = enumBatteryLevels.state.Level30;

            else if (level < 50) // less than 50% full

                state = enumBatteryLevels.state.Level40;

            else if (level < 60) // less than 60% full

                state = enumBatteryLevels.state.Level50;

            else if (level < 70) // less than 70% full

                state = enumBatteryLevels.state.Level60;

            else if (level < 80) // less than 80% full

                state = enumBatteryLevels.state.Level70;

            else if (level < 90) // less than 90% full

                state = enumBatteryLevels.state.Level80;

            else if (level < 100) // less than 100% full

                state = enumBatteryLevels.state.Level90;

            else // 100% full

                state = enumBatteryLevels.state.Level100;

            return (state);

        }

        //! Gets the initial battery level image tag HTML string.

        this.getInitialLevelImgTag = function()

        {

            return (batteryIconSrc[convertLevelToState(

                window.deviceDelegate.batteryLevel)]);

        }

        //! Handles battery level change signal.

        /*!

          \param level new battery level

        */

        this.handleLevelChange = function(level)

        {

            document.getElementById('battery').innerHTML = 

                batteryIconSrc[convertLevelToState(level)];

            window.snippets.StatusBarChromeId.repaint();

        }

    }

    /*!

      Class to handle updating the download indicator.

    */

    function DownloadStatus()

    {

        function _enableDownloadIndicator()

        {

            var src = 'statusbar.snippet/icons/download_statusbar_icon.png';

            var tag = '<img id="downloadImage" src="' + src + '" alt="">';

            document.getElementById('download').innerHTML = tag;

            window.snippets.StatusBarChromeId.repaint();

        }

        function _disableDownloadIndicator()

        {

            document.getElementById('download').innerHTML = "";

            window.snippets.StatusBarChromeId.repaint();

        }

        function _connectDownloadSignals()

        {

            window.downloads.downloadCreated.connect(_enableDownloadIndicator);

            window.downloads.downloadsCleared.connect(_disableDownloadIndicator);

        }

        if (window.downloads != null) {

            window.chrome.chromeComplete.connect(_connectDownloadSignals);

        }

    }

    // Private Member Variables

    var sbTitle = new Title(); //!< status bar title

    var sbLockStatus = new LockStatus(); //!< status bar lock status

    var sbClock = new Clock(); //!< status bar clock

    var sbNetworkStatus = new NetworkStatus(); //!< status bar network status

    var sbBatteryStatus = new BatteryStatus(); //!< status bar battery status

    var sbDownloadStatus = new DownloadStatus(); //!< status bar download status

    // Private Methods

    //! Write status bar HTML code to document.

    function _statusbar_write()

    {

        var downloadHTML = '';

        if (window.downloads != null) {

            downloadHTML = '<td class="rightalign" id="download"></td>';

        }

        var html = ''+

            '<table>'+

              '<tr>'+

              '<td class="leftalign" id="strength">' + sbNetworkStatus.getInitialStrengthImgTag() + '</td>'+

              '<td class="centeralign" id="provider">&nbsp;</td>'+

              '<td class="leftalign"><div id="title">Bedrock Browser</div></td>'+

              '<td class="rightalign" id ="lock">&nbsp;</td>'+

              downloadHTML +

              '<td class="centeralign" id="clock">time: &nbsp;</td>' +

              '<td class="rightalign" id="battery">' + sbBatteryStatus.getInitialLevelImgTag() + '</td>'+

            '</tr>'+

            '</table>'+

            // ruler span used for getting the width of network name

            // style included here because style sheet not applied early 

            // enough for sbNetworkStatus.showInitialNetworkName call below 

            // which needs text width which depends on font

            '<span id="sbruler" style="font-size:12px;font-weight:bold;visibility:hidden;"></span>';

        document.write(html);

        sbNetworkStatus.showInitialNetworkName();

    }

    // StatusBar Constructor

    _statusbar_write(); // write status bar HTML code to document

    sbClock.showtime(); // display current time on status bar

    // Update displayed time every 30 seconds.

    setInterval(function() {sbClock.showtime();}, 30000);

    // Note that in the slots below the "this" object is never used directly.

    // This is because they don't have access to "this" as they are invoked 

    // as functions rather than as methods.

    // Connect page controller signals to slots.

    window.pageController.titleChanged.connect(

        function(title) {sbTitle.handleTitleChange(title);});

    window.pageController.partialUrlChanged.connect(

        function(partialUrl) {sbTitle.handlePartialUrlChange(partialUrl);});

    window.pageController.hideSecureIcon.connect(

        function() {sbLockStatus.removeLockIcon();});

    window.pageController.showSecureIcon.connect(

        function() {sbLockStatus.showLockIcon();});

    // Connect view manager signals to slots.

    window.views.currentViewChanged.connect(

        function() {

            sbTitle.handleCurrentViewChange();

            sbLockStatus.handleCurrentViewChange();

        }

    );

    window.ViewStack.currentViewChanged.connect(

        function() {

            sbTitle.handleCurrentViewChange();

            sbLockStatus.handleCurrentViewChange();

        }

    );

    // Connect device delegate signals to slots.

    window.deviceDelegate.batteryLevelChanged.connect(

        function(level) {sbBatteryStatus.handleLevelChange(level);});

    window.deviceDelegate.networkSignalStrengthChanged.connect(

        function(strength) {sbNetworkStatus.handleSignalStrengthChange(strength);});

    window.deviceDelegate.networkNameChanged.connect(

        function(networkName) {sbNetworkStatus.handleNameChange(networkName);});

}