﻿var mCurrentImage=1;
    
    function f_NewTopImage() { 
        
        mCurrentImage++;
        
	    src='Random.aspx?i='+mCurrentImage;
	    var img = new Image();
	    
	    img.onLoad=f_NewTopImage2(src);
        img.src = src
    }
    function f_NewTopImage2(src)
    {
        var i1 = document.getElementById('mTopImage1');
        i1.style.backgroundImage = 'url('+src+')';
        
        var speed = 5;
        var timer = 0;
        
        for(i = 100; i >= 0; i--) {
            window.setTimeout("f_ChangeOpac(" + i + ",'mTopImage2')",(timer * speed));
            timer++;
        }
        
        setTimeout("f_NewTopImage3()",(timer * speed));
    }
    function f_NewTopImage3(src)
    {
        var i1 = document.getElementById('mTopImage1'),
            i2 = document.getElementById('mTopImage2');
            
       i2.style.backgroundImage=i1.style.backgroundImage;
       f_ChangeOpac(100,'mTopImage2');
    }
    function f_ChangeOpac(opacity, id) {
        var object = document.getElementById(id).style;
        object.opacity = (opacity / 100);
        object.MozOpacity = (opacity / 100);
        object.KhtmlOpacity = (opacity / 100);
        object.filter = "alpha(opacity=" + opacity + ")";
    }

