var html = '<div id="ajax--loading"><div class="loading-center"><div class="loading-center-absolute"><div class="object  object_one"></div><div class="object  object_two"></div><div class="object  object_three"></div><div class="object  object_four"></div><div class="object  object_five"></div><div class="object  object_six"></div><div class="object  object_seven"></div><div class="object  object_eight"></div><div class="object  object_big"></div></div></div></div>'

    var css = ' #ajax--loading{        background-color: #1b1a1a52;        height: 100%;        width: 100%;        position: fixed;        z-index: 10000;        margin-top: 0px;        top: 0px;        display: none;    }    #ajax--loading .loading-center{        width: 100%;        height: 100%;        position: relative;    }    #ajax--loading .loading-center-absolute {        position: absolute;        left: 50%;        top: 50%;        height: 150px;        width: 150px;        margin-top: -75px;        margin-left: -75px;        -ms-transform: rotate(45deg);        -webkit-transform: rotate(45deg);        transform: rotate(45deg);    }    #ajax--loading .object{        width: 20px;        height: 20px;        background-color: #0862ED;        position: absolute;        left: 65px;        top: 65px;        -moz-border-radius: 50% 50% 50% 50%;        -webkit-border-radius: 50% 50% 50% 50%;        border-radius: 50% 50% 50% 50%;    }    #ajax--loading .object:nth-child(2n+0) {        margin-right: 0px;    }    #ajax--loading .object_one {        -webkit-animation: object_one 1.5s infinite;        animation: object_one 1.5s infinite;        -webkit-animation-delay: 0.2s;        animation-delay: 0.2s;    }    #ajax--loading .object_two {        -webkit-animation: object_two 1.5s infinite;        animation: object_two 1.5s infinite;        -webkit-animation-delay: 0.3s;        animation-delay: 0.3s;    }    #ajax--loading .object_three {        -webkit-animation: object_three 1.5s infinite;        animation: object_three 1.5s infinite;        -webkit-animation-delay: 0.4s;        animation-delay: 0.4s;    }    #ajax--loading .object_four {        -webkit-animation: object_four 1.5s infinite;        animation: object_four 1.5s infinite;        -webkit-animation-delay: 0.5s;        animation-delay: 0.5s;    }    #ajax--loading .object_five {        -webkit-animation: object_five 1.5s infinite;        animation: object_five 1.5s infinite;        -webkit-animation-delay: 0.6s;        animation-delay: 0.6s;    }    #ajax--loading .object_six {        -webkit-animation: object_six 1.5s infinite;        animation: object_six 1.5s infinite;        -webkit-animation-delay: 0.7s;        animation-delay: 0.7s;    }    #ajax--loading .object_seven {        -webkit-animation: object_seven 1.5s infinite;        animation: object_seven 1.5s infinite;        -webkit-animation-delay: 0.8s;        animation-delay: 0.8s;    }    #ajax--loading .object_eight {        -webkit-animation: object_eight 1.5s infinite;        animation: object_eight 1.5s infinite;        -webkit-animation-delay: 0.9s;        animation-delay: 0.9s;    }    #ajax--loading .object_big{        position: absolute;        width: 50px;        height: 50px;        left: 50px;        top: 50px;        -webkit-animation: object_big 1.5s infinite;        animation: object_big 1.5s infinite;        -webkit-animation-delay: 0.5s;        animation-delay: 0.5s;    }    @-webkit-keyframes object_big {        50% { -webkit-transform: scale(0.5); }    }    @keyframes object_big {        50% {            transform: scale(0.5);            -webkit-transform: scale(0.5);        }    }    @-webkit-keyframes object_one {        50% { -webkit-transform: translate(-65px,-65px)  ; }    }    @keyframes object_one {        50% {            transform: translate(-65px,-65px) ;            -webkit-transform: translate(-65px,-65px) ;        }    }    @-webkit-keyframes object_two {        50% { -webkit-transform: translate(0,-65px) ; }    }    @keyframes object_two {        50% {            transform: translate(0,-65px) ;            -webkit-transform: translate(0,-65px) ;        }    }    @-webkit-keyframes object_three {        50% { -webkit-transform: translate(65px,-65px) ; }    }    @keyframes object_three {        50% {            transform: translate(65px,-65px) ;            -webkit-transform: translate(65px,-65px) ;        }    }    @-webkit-keyframes object_four {        50% { -webkit-transform: translate(65px,0) ; }    }    @keyframes object_four {        50% {            transform: translate(65px,0) ;            -webkit-transform: translate(65px,0) ;        }    }    @-webkit-keyframes object_five {        50% { -webkit-transform: translate(65px,65px) ; }    }    @keyframes object_five {        50% {            transform: translate(65px,65px) ;            -webkit-transform: translate(65px,65px) ;        }    }    @-webkit-keyframes object_six {        50% { -webkit-transform: translate(0,65px) ; }    }    @keyframes object_six {        50% {            transform:  translate(0,65px) ;            -webkit-transform:  translate(0,65px) ;        }    }    @-webkit-keyframes object_seven {        50% { -webkit-transform: translate(-65px,65px) ; }    }    @keyframes object_seven {        50% {            transform: translate(-65px,65px) ;            -webkit-transform: translate(-65px,65px) ;        }    }    @-webkit-keyframes object_eight {        50% { -webkit-transform: translate(-65px,0) ; }    }    @keyframes object_eight {        50% {            transform: translate(-65px,0) ;            -webkit-transform: translate(-65px,0) ;        }    }'


    var link = document.createElement('style')
    link.innerHTML = css
    document.head.insertBefore(link, document.head.firstChild)
    document.body.innerHTML = html