// ==UserScript==
// @name           ImageLoader
// @namespace      klavogonki
// @include        http://klavogonki.ru/u/*
// @author         agile
// @version        1.0.0
// @icon           http://www.gravatar.com/avatar/8e1ba53166d4e473f747b56152fa9f1d?s=48
// ==/UserScript==

(function(){
    var ext = [ 'png', 'jpg', 'jpeg', 'gif', 'svg' ], // Known image extensions
        img_sel = ext.map(function( e ){ return '.journal .content a[href$=' + e + ']' }).join( ', ' ); // Selector for links to images elements

    function load_images(){
        var images = document.querySelectorAll( img_sel );
        console.log( images );

        for( var i = 0; i < images.length; i++ ){
            var img = document.createElement( 'img' );
            img.src = images[ i ].href;
            img.alt = images[ i ].innerHTML;
            img.title = img.alt;
            images[ i ].parentNode.parentNode.parentNode.style.maxHeight = 'none'; // Disable overflow for .height-limited elements
            images[ i ].parentNode.replaceChild( img, images[ i ] );
        }
    }

    var proxied = window.XMLHttpRequest.prototype.send;
    window.XMLHttpRequest.prototype.send = function(){
        var self = this;

        var check_response = window.setInterval(function(){
            if( self.readyState != 4 )
                return;
            if( self.responseText.length )
                try{
                    if( "posts" in JSON.parse( self.responseText ) ){
                        window.setTimeout(function(){
                            load_images();
                        }, 1500 );
                    }
                }catch( e ){}
            window.clearInterval( check_response );
        }, 1 );
        return proxied.apply( this, [].slice.call( arguments ) );
    };
})();