function drawCSImageTag( fileLocation, fileSize, imgTagProperties ) {
    start = (new Date()).getTime();
    loc = fileLocation + '?t=' + escape(start);
    document.getElementById("test_image").innerHTML  = '<img src="' + loc + '" ' + imgTagProperties + ' onload="computeConnectionSpeed(' + start + ',' + fileSize + ');">';
    
    return;
}



function computeConnectionSpeed( start, fileSize ) {
    
    end = (new Date()).getTime();
    connectSpeed = Math.floor((fileSize * 8) / (end - start) * 10) /10;
    displaySpeed(formatSpeed(connectSpeed),(end-start)/1000);
}

function showSpeed() {

    //Old Test
    //drawCSImageTag( 'Organs.jpg',1499018, 'border=1 width=400');
    //Without border
    //drawCSImageTag( 'Organs.jpg',1499018, '');
    
    //Current
    drawCSImageTag( 'Organs4.png',1241029, '');
    
    return;
}

function formatSpeed(speed) {

    if(speed > 1000) {
    speed = Math.floor(speed/100) /10;    
    return '' + speed + ' Mbps'; 
    } 

return '' + speed + ' Kbps';

}


function displaySpeed(speed,time) {

    var hostname = document.getElementById("hostname").value;
    var ip = document.getElementById("ip").value;

var results = '<table border = 1> <tr><td><b>Speed</b></td><td><font color="red">' + speed +'</font></td></tr><tr><td><b>IP</b></td><td>'+ ip + '</td></tr><tr><td><b>Hostname</b></td><td>'+ hostname + '</td></tr></tr><tr><td><b>Time</b></td><td>'+ (time) + '</td></tr></table>';      
    document.getElementById("results").innerHTML  = results;

}