noty Jquery plugin timeout not happening
The Jquery noty plugin timeout is not working when fed with a list of messages. I get the list of messages from servlet and call noty like this.

    <script>
        function callNotification()
        {
            <c:foreach var = "message" items = "${sessionScope.notification}">
                 notify('${message}');
            </c:foreach>
        }
        function notify(message)
        {
           noty({
                    "text": message,
                    "theme": noty_theme_facebook",
                    "layout": topRight,
                    "information","animateOpen":{"height":"toggle"},
                    "information","animateOpen":{"height":"toggle"},
                    "speed":500,
                    "timeout":5000,
                    "closeButton":true,
                    "closeOnSelfClick":true,
                    "closeOnSelfOver":false,
                    "modal":false
              })
        </script>

Ideally this should loop over the messages and print them with a  timeout of 5000ms. But this prints all of the messages at once. I further tried to use the javascript native setTimeout function  and replaced my callNotification with this.

     function callNotification()
        {
            <c:foreach var = "message" items = "${sessionScope.notification}">
             (function(message){ 
                setTimeout(function(){notify('${message}');},5000)
             }('${message}')
            }}
            </c:foreach>
        }

But this also proved ineffective. Strangely the timeout seems to work fine when I replace `"layout":center` in notify method. Where am I going wrong. I want the messages to be displayed with the time out of 5 seconds after which the first message gets automatically erased and the next shows up.
noty Jquery plugin timeout not happening
===

The Jquery noty plugin timeout is not working when fed with a list of messages. I get the list of messages from servlet and call noty like this.

    <script>
        function callNotification()
        {
            <c:foreach var = "message" items = "${sessionScope.notification}">
                 notify('${message}');
            </c:foreach>
        }
        function notify(message)
        {
           noty({
                    "text": message,
                    "theme": noty_theme_facebook",
                    "layout": topRight,
                    "information","animateOpen":{"height":"toggle"},
                    "information","animateOpen":{"height":"toggle"},
                    "speed":500,
                    "timeout":5000,
                    "closeButton":true,
                    "closeOnSelfClick":true,
                    "closeOnSelfOver":false,
                    "modal":false
              })
        </script>

Ideally this should loop over the messages and print them with a  timeout of 5000ms. But this prints all of the messages at once. I further tried to use the javascript native setTimeout function  and replaced my callNotification with this.

     function callNotification()
        {
            <c:foreach var = "message" items = "${sessionScope.notification}">
             (function(message){ 
                setTimeout(function(){notify('${message}');},5000)
             }('${message}')
            }}
            </c:foreach>
        }

But this also proved ineffective. Strangely the timeout seems to work fine when I replace `"layout":center` in notify method. Where am I going wrong. I want the messages to be displayed with the time out of 5 seconds after which the first message gets automatically erased and the next shows up.