catmon = {

    enabled: true,

    paused: false,

    category: '',

    cmcontinue: '',

    sortbytimestamp: false,

    refreshfrequency: 0,

    zIndex: 101,

    width: '200',

    history: '',



    loadCookies: function() {

        catmon.enabled = (catmon.readCookie('catmon_enabled')=='true');

        catmon.category = (catmon.readCookie('catmon_category'));

        catmon.cmcontinue = (catmon.readCookie('catmon_cmcontinue'));

        catmon.sortbytimestamp = (catmon.readCookie('catmon_sortbytimestamp')=='true');

        catmon.history = (catmon.readCookie('catmon_history'));

        catmon.width = (catmon.readCookie('catmon_width'));

        if (!catmon.width || !catmon.width.length) catmon.width='200';

    },



    saveCookies: function() {

        var cend = "; expires=Tue, 31-Dec-2030 23:59:59 GMT; path=/";

        

        document.cookie = 'catmon_enabled=' + catmon.enabled.toString() + cend;

        document.cookie = 'catmon_category=' + catmon.category.toString() + cend;

        document.cookie = 'catmon_cmcontinue=' + catmon.cmcontinue.toString() + cend;

        document.cookie = 'catmon_sortbytimestamp=' + catmon.sortbytimestamp.toString() + cend;

        document.cookie = 'catmon_width=' + catmon.width.toString() + cend;

        document.cookie = 'catmon_history=' + catmon.history.toString() + cend;

    },



    pause: function () {

        catmon.paused=true;

        p = document.getElementById('catmon_ovl');

        if (p) {

	    p.style.display='';

        }

    },



    refresh: function () {

        if(catmon.paused) {

	    catmon.paused=false;

	    p = document.getElementById('catmon_ovl');

	    if (p) {

	        p.style.display='none';

	    }

	    catmon.loadCookies();

	    catmon.draw();

        } else {

            catmon.populate();

        }

    },



    init: function () {

        catmon.loadCookies();

        catmon.makeStartLink();

        catmon.draw();



        window.onblur = catmon.pause;

        window.onfocus = catmon.refresh;

        importStylesheetURI('/skins-1.5/common/diff.css');

    },



    makeStartLink: function () {

        if (mw.config.get('wgCanonicalNamespace') == 'Category') {

            var heading = document.getElementById('firstHeading');

            var span = document.createElement('span');

            span.style.fontSize='50%';

            span.appendChild(document.createTextNode(' ['));

            var a = document.createElement('a');

            a.setAttribute('href', '#');

            a.onclick = function () {

                catmon.category = mw.config.get('wgPageName');

                catmon.enabled = true;

                catmon.cmcontinue = '';

                catmon.draw();

                return false;

            }

            a.appendChild(document.createTextNode('Load this category in sidebar'));

            span.appendChild(a);

            span.appendChild(document.createTextNode(']'));

            heading.appendChild(span);

        }

    },



    resize: function() {

        if (catmon.width < 25) {

            catmon.width = 0;

        } else if (catmon.width < 200) {

            catmon.width = 200;

        } else if (catmon.width > (document.body.clientWidth / 2)) {

            catmon.width = (document.body.clientWidth / 2);

        }

        var sb = document.getElementById('catmon');

        sb.style.width=catmon.width + 'px';

        var rb = document.getElementById('catmon_resize');

        rb.style.right=catmon.width + 'px';



        //Set the spacer between the main body and the sidebar

        var spacer = (sb.offsetWidth+rb.offsetWidth)+'px';        

        topbar = document.evaluate('//div[@id="p-personal"]//div[@class="pBody"]', 

            document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);

        if (topbar.singleNodeValue) {

            topbar.singleNodeValue.style.marginRight=spacer;

        }

        sb.parentNode.style.marginRight=spacer;

    },



    draw: function() {

        catmon.saveCookies();

        var sb = document.getElementById('catmon');        

        if (catmon.enabled && catmon.category.length) {

	    if (sb) {

	        sb.style.display='';

                rb.style.display='';

	    } else {

	        //Create the main sidebar

	        sb = document.createElement('div');

	        sb.id='catmon';

	        sb.className='portlet';

                if (document.getElementById('menubar')) {

                    sb.style.top=document.getElementById('menubar').offsetHeight + 'px';

                }

                else {

      	            sb.style.top='0px';

                }

	        sb.style.right='0px';

	        sb.style.bottom='0px';

	        sb.style.zIndex=90;

	        sb.style.margin='0';//'.1em';

	        sb.style.padding='0em';

                sb.style.backgroundColor='gray';

	        sb.style.position='absolute';

	        sb.style.borderLeft='1px solid #bbbbbb;';

	        sb.style.backgroundColor=document.defaultView.getComputedStyle(document.body, null).backgroundColor;

	        sb.style.position='fixed';



	        //Find the container where the sprint bar goes.

	        //This differs between monobook and modern skins.

	        container = document.getElementById('content');

	        if (!container) {

	            container = document.getElementById('mw_content');

	        }

	        container.appendChild(sb);



                //Create the resize bar

                rb = document.createElement('div');

                rb.id='catmon_resize';

                rb.style.display='';

                rb.style.position='fixed';

                rb.style.top='0px';

                rb.style.height='100%';

                rb.style.width='5px';

                rb.style.cursor='ew-resize';

                rb.onmouseover = function (evt) {

                    rb.style.backgroundColor='lightgray';

                };

                rb.onmouseout = function (evt) {

                    rb.style.backgroundColor='';

                };

                rb.onmousedown = function () {

                    var w = catmon.width;

                    rb.onmouseout = null;

                    window.onmousemove = function (evt) {

                        catmon.width = document.body.clientWidth - evt.pageX;

                        catmon.resize();

                    };

                    window.onmouseup = function (evt) {

                        if ((document.body.clientWidth - evt.pageX)<25) {

                            catmon.enabled=false;

                            catmon.width=w;

                            catmon.draw();

                        }

                        window.onmousemove = null;

                        window.onmouseup = null;

                        rb.style.backgroundColor='';

                        rb.onmouseout = function (evt) {

                            rb.style.backgroundColor='';

                        };

                        catmon.saveCookies();

                    };

                    return false;

                };

                container.appendChild(rb);



	        //Create the overlay for when it is paused (out of focus)

	        ovl = document.createElement('div');

	        ovl.id='catmon_ovl';

	        ovl.style.position='absolute';

	        ovl.style.top='0px';

	        ovl.style.right='0px';

	        ovl.style.width='100%';

	        ovl.style.height='100%';

	        ovl.style.borderLeft='1px solid #bbbbbb;';

	        ovl.style.backgroundColor=document.defaultView.getComputedStyle(document.body, null).backgroundColor;

	        ovl.zIndex=100;

	        ovl.style.display='none';

	        

	        p = document.createElement('p');

	        p.style.position='absolute';

	        p.style.top='5em';

	        p.style.width='100%';

	        p.style.fontSize='1em';

	        p.style.lineHeight='2em';

	        p.style.textAlign='center';

	        p.style.color='#bbbbbb';

	        p.appendChild(document.createTextNode('Updates paused'));

	        p.appendChild(document.createElement('br'));

	        p.appendChild(document.createTextNode('Click to resume'));

	        ovl.appendChild(p);

	        sb.appendChild(ovl);

	    }



            catmon.resize();

	

	    //TODO: Draw the category data

	    catmon.drawList();

	

        } else { //Hide the sprint bar, if it has already been drawn

	    topbar = document.evaluate('//div[@id="p-personal"]//div[@class="pBody"]', 

	        document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);

	    if (topbar.singleNodeValue) {

	        topbar.singleNodeValue.style.marginRight='';

	    }

	    if (sb) {

	        sb.parentNode.style.marginRight='';

	        sb.style.display='none';     

                rb.style.display='none';  

	    }

        }

    },



    drawList: function() {

        var cmtitlehdr = catmon.category.replace('Category:','').replace('_',' ');

        var cmtitlehref = '/wiki/' + catmon.category;



        var sb = document.getElementById('catmon');

        var a;

        var hdr = document.getElementById('catmon_hdr');

        if (hdr) {

	    while (hdr.firstChild) {

	        hdr.removeChild(hdr.firstChild);

	    }

        } else {

	    hdr = document.createElement('p');

	    hdr.id = 'catmon_hdr';

            hdr.style.marginLeft='5px';

            hdr.style.marginRight='5px';

            hdr.style.fontSize='90%';

	    sb.appendChild(hdr);

        }

        var a = document.createElement('a');

        a.setAttribute('nopopup', 'true');

        a.id = 'catmon_link';

        a.setAttribute('href', cmtitlehref);

        a.appendChild(document.createTextNode(cmtitlehdr.replace('_', ' ', 'g')));

        hdr.appendChild(a);



        var p = document.getElementById('catmon_body');

        if (!p) {

	    p = document.createElement('div');

	    p.setAttribute('class', 'pBody');

	    p.setAttribute('id', 'catmon_body');

            p.style.top=hdr.offsetTop+hdr.offsetHeight+'px';

            p.style.bottom='2em';

            p.style.right='5px';

            p.style.left='5px';

            p.style.overflow='hidden';

            p.style.position='absolute';

	    sb.appendChild(p);

        }



        var foot = document.getElementById('catmon_foot');

        if (!foot) {

            foot = document.createElement('div');

            foot.setAttribute('id', 'catmon_foot');

            foot.style.position='fixed';

            foot.style.bottom='5px';

            foot.style.right='5px';

            foot.style.fontSize='90%';

            sb.appendChild(foot);

        }



        catmon.populate();



    },



    populate: function() {

        var cmtitle = catmon.category;

        var cmlimit = 50;

        var cmcontinue = catmon.cmcontinue;

        var sortbytimestamp = catmon.sortbytimestamp;

        var query = '/w/api.php?action=query&format=xml&list=categorymembers';

        if (sortbytimestamp) {

            query += '&cmsort=timestamp&cmprop=title|timestamp&cmtitle=' + catmon.category + '&cmlimit=' + cmlimit;

            if (cmcontinue.length) query += '&cmstart=' + cmcontinue;

        } else {

            query += '&cmprop=title|sortkey&cmtitle=' + catmon.category + '&cmlimit=' + cmlimit;

            if (cmcontinue.length) query += '&cmcontinue=' + cmcontinue;

        }

//document.getElementById('firstHeading').textContent=query;



        var callback = function(xml) {

            pBody = document.getElementById('catmon_body');

            while (pBody.firstChild) {

                pBody.removeChild(pBody.firstChild);

            }

            var items = xml.documentElement.getElementsByTagName('cm');

            for (var i=0; i<items.length; i++) {

                var title = itemsi].getAttribute('title');

                var p = document.createElement('p');

                p.setAttribute('sortkey', itemsi].getAttribute('sortkey'));

                p.setAttribute('timestamp', itemsi].getAttribute('timestamp'));

                p.style.lineHeight='1.1em';

                p.style.fontSize='95%';

                var a = document.createElement('a');

                //a.setAttribute('nopopup', 'true');

                a.href='/wiki/' + encodeURIComponent(title);

                a.appendChild(document.createTextNode(title));

                p.appendChild(a);

                pBody.appendChild(p);

                

            }



            var foot = document.getElementById('catmon_foot');

            while (foot.firstChild) {

                foot.removeChild(foot.firstChild);

            }

            var aRf = document.createElement('a');

            aRf.setAttribute('id', 'catmon_refresh');

            aRf.setAttribute('href', '#');

            aRf.appendChild(document.createTextNode('refresh'));

            aRf.onclick = function () {

                catmon.refresh();

                return false;

            }

            foot.appendChild(aRf);

            foot.appendChild(document.createTextNode(' | '));



            var ahide = document.createElement('a');

            ahide.id = 'catmon_hide';

            ahide.setAttribute('href', '#');

            ahide.appendChild(document.createTextNode('hide'));

            ahide.onclick = function () {

                catmon.enabled = false;

                catmon.draw();

                return false;

            };

            foot.appendChild(ahide);

            foot.appendChild(document.createTextNode(' | '));



            var aSort = document.createElement('a');

            aSort.setAttribute('id', 'catmon_sort');

            aSort.setAttribute('href', '#');

            aSort.appendChild(document.createTextNode('sort'));

            aSort.title = catmon.sortbytimestamp ? 'Sort alphabetically' : 'Sort by timestamp';

            aSort.onclick = function() {

                catmon.sortbytimestamp = !catmon.sortbytimestamp;

                catmon.cmcontinue='';

                catmon.saveCookies();

                catmon.refresh();

                return false;

            }

            foot.appendChild(aSort);

            foot.appendChild(document.createTextNode(' | '));



            if (cmcontinue.length) {

                var aTop = document.createElement('a');

                aTop.setAttribute('id', 'catmon_top');

                aTop.setAttribute('href', '#');

                aTop.appendChild(document.createTextNode('top'));

                aTop.onclick = function () {

                    catmon.cmcontinue = '';

                    catmon.saveCookies();

                    catmon.populate();

                    return false;

                }

                foot.appendChild(aTop);

            } else {

                foot.appendChild(document.createTextNode('top'));

            }

            foot.appendChild(document.createTextNode(' | '));

            var next = catmon.firstHidden();

            if (next.length) {

                var aMore = document.createElement('a');

                aMore.setAttribute('id', 'catmon_more');

                aMore.setAttribute('href', '#');

                aMore.appendChild(document.createTextNode('next'));

                aMore.onclick = function () {

                    catmon.cmcontinue = next;

                    catmon.saveCookies();

                    catmon.populate();

                    return false;

                }

                foot.appendChild(aMore);

            } else {

                foot.appendChild(document.createTextNode('next'));

            }

        }



        catmon.getUrl(query, callback);

        if (catmon.refreshfrequency) {

            window.setTimeout(catmon.refresh, catmon.refreshfrequency);

        }

    },



    firstHidden: function () {

        var pBody = document.getElementById('catmon_body');

        var p = pBody.firstChild;

        var limit = pBody.offsetHeight;

        while (p) {

            //var cs = window.getComputedStyle(p, null);

            if ((p.offsetTop + p.offsetHeight) > limit) {

                break;

            } else {

                p = p.nextSibling;

            }

        }

        if (p) {

            if (p.getAttribute('sortkey').length) return encodeURIComponent(p.getAttribute('sortkey')) + '|';

            else return p.getAttribute('timestamp');

        } else {

            return '';

        }

    },



    getUrlTimer: new Date(),



    getUrl: function (url, callback) {

        var now = new Date();

 

        catmon.getUrlTimer = now;

 

        var aj = sajax_init_object();

        aj.onreadystatechange = function () {

            if (aj.readyState == 4) {// && aj.status == 200) {

                callback(aj.responseXML);

            }

        }

        aj.open('GET', url, true);

        aj.send(null);

    },



    readCookie: function(name) {

        var nameEQ = name + "=";

        var ca = document.cookie.split(';');

        for(var i=0;i < ca.length;i++) {

	    var c = cai];

	    while (c.charAt(0)==' ') { c = c.substring(1,c.length); }

	    if (c.indexOf(nameEQ) === 0) { return c.substring(nameEQ.length,c.length); }

        }

        return '';

    }

}

addOnloadHook(catmon.init);