<script>
        $(document).ready(function(){

            var timeout = 5;
            var timer = setTimeout(function(){getMessages(false)}, timeout);
            var stop = false;
            //var inter = setInterval(getMessages,timeout)

            $('#message_send').bind('click', stoppi);

            $('#stopscript').bind('click', function(){
                //clearTimeout(timer);
                stop = true;

            });

            function stoppi(){ //tänne mennään kun painetaan send
                stop = true; // lopetetaan scriptan ajaminen lipulla
                sendMessage(); // send message
            }

            function sendMessage(){
                var url = '<?php echo base_url("channel/sendMessage"); ?>';
                var message = $('#message_box').val();
                var channel = '<?php echo $this->uri->segment(2); ?>';
                var map = {
                    'channel': channel,
                    'message': message
                };

                $.post(url, map,
                    function(data){
                        getMessages(true);
                        /*
                         * täällä ei voi laittaa lippua falseksi,
                         * vaan se pitää laittaa getin responsen
                         * jälkeen. siksi get messagesilla on
                         * parametrinä restart.
                         */
                });
            }
            function getMessages(restart){
                clearTimeout(timer);
                var url = '<?php echo base_url("channel/getMessages"); ?>';
                var map = {
                    'channel': '<?php echo $this->uri->segment(2); ?>',
                    'time': getLastTime()
                };

                $.post(url, map,
                    function(data){
                        $.each(data, function(index, value) {

                            var tag1 = '<div class="messageWrap">';
                            var tag2 = '<span class="nick">';
                            var tag3 = '<span class="message">';
                            var tag4 = '<span class="time">';
                            var tag5 = '</span>';
                            var tag6 = '</div>';
                            $('.messageContainer').append(tag1+tag2+'Electry '+tag5+tag3+value.message+tag5+tag4+value.time+tag5+tag6);
                        });

                        if(!stop){
                            //function(){myFunction(parameter)}
                            timer = setTimeout(function(){getMessages(false)}, timeout);
                        }
                        else if(restart){
                            stop = false;
                            timer = setTimeout(function(){getMessages(false)}, timeout);
                        }

                }, "json");
            }

            function getLastTime(){
                return $('.time').last().text();
            }

        });
    </script>