function realImageFloat(imgObj, imgFloat, imgBlockWidths)
{
    var blockHeight = Math.floor(imgObj.height / imgBlockWidths.length);
    var prevSibling = imgObj;
    var divElm = null;
    var movx = 0;
    
    // nepresnost vznikla celociselnym deleni pri zjisteni poctu bloku
    var blockHeightDiff = imgObj.height - (blockHeight * imgBlockWidths.length);
    
    // vytvarim bloky odspoda a pridavam je pred puvodni obrazek
    for (var i=(imgBlockWidths.length-1), j=0; i>=0; i--, j++)
    {
        divElm = document.createElement('div');

        // pridavam po jednom pixelu ke kazdymu kousku az po hodnotu blockHeightDiff
        realBlockHeight = blockHeight;
        if (j < blockHeightDiff)
            realBlockHeight+= 1;

        with (divElm.style)
        {
            styleFloat = imgFloat;    // podpora v IE, Opera
            cssFloat = imgFloat;      // podpora v Opera, Mozilla
            clear = imgFloat;
            fontSize = '0px';
            lineHeight = '0px';
            marginRight = '0px';
            width = imgBlockWidths[i] +'px';
            height = realBlockHeight +'px';
            backgroundImage = 'url('+ imgObj.src +')';
            movx=imgBlockWidths[i]-imgObj.width;
            backgroundPosition =  movx + 'px '+ (-i*realBlockHeight) +'px';
            backgroundRepeat = 'no-repeat';
        }
        
        imgObj.parentNode.insertBefore(divElm, prevSibling);
        prevSibling = divElm;
    }
    
    // odstranim puvodni obrazek IMG
    imgObj.parentNode.removeChild(imgObj);
}

function realImageFloat2(imgObj, imgFloat, imgBlockWidths)
{
    var blockHeight = Math.floor(imgObj.height / imgBlockWidths.length);
    var prevSibling = imgObj;
    var divElm = null;
    var movx = 0;
    
    // nepresnost vznikla celociselnym deleni pri zjisteni poctu bloku
    var blockHeightDiff = imgObj.height - (blockHeight * imgBlockWidths.length);
    
    // vytvarim bloky odspoda a pridavam je pred puvodni obrazek
    for (var i=(imgBlockWidths.length-1), j=0; i>=0; i--, j++)
    {
        divElm = document.createElement('div');

        // pridavam po jednom pixelu ke kazdymu kousku az po hodnotu blockHeightDiff
        realBlockHeight = blockHeight;
        if (j < blockHeightDiff)
            realBlockHeight+= 1;

        with (divElm.style)
        {
            styleFloat = imgFloat;    // podpora v IE, Opera
            cssFloat = imgFloat;      // podpora v Opera, Mozilla
            clear = imgFloat;
            fontSize = '0px';
            lineHeight = '0px';
            marginRight = '0px';
            width = imgBlockWidths[i] +'px';
            height = realBlockHeight +'px';
            backgroundImage = 'url('+ imgObj.src +')';
            movx=imgBlockWidths[i]-imgObj.width;
            backgroundPosition =  '0px '+ (-i*realBlockHeight) +'px';
            backgroundRepeat = 'no-repeat';
        }
        
        imgObj.parentNode.insertBefore(divElm, prevSibling);
        prevSibling = divElm;
    }
    
    // odstranim puvodni obrazek IMG
    imgObj.parentNode.removeChild(imgObj);
}