function roundCorners()
{
    var elements;

    //preload corner images
    var corners_white = {};
    corners_white['tl'] = 'http://www.gohawaii.com/images/corners/10-tl.gif';
    corners_white['tr'] = 'http://www.gohawaii.com/images/corners/10-tr.gif';
    corners_white['bl'] = 'http://www.gohawaii.com/images/corners/10-bl.gif';
    corners_white['br'] = 'http://www.gohawaii.com/images/corners/10-br.gif';
    var corners_grey = {};
    corners_grey['tl'] = 'http://www.gohawaii.com/images/corners/grey/10-tl.gif';
    corners_grey['tr'] = 'http://www.gohawaii.com/images/corners/grey/10-tr.gif';
    corners_grey['bl'] = 'http://www.gohawaii.com/images/corners/grey/10-bl.gif';
    corners_grey['br'] = 'http://www.gohawaii.com/images/corners/grey/10-br.gif';

    for (n in corners_white)
    {
        i = new Image();
        i.src = corners_white[n];
    }
    for (n in corners_grey)
    {
        i = new Image();
        i.src = corners_grey[n];
    }
    
    elements = document.getElementsByClassName('rounded');
    for (i = 0; i< elements.length; i++)
    {
        e = elements[i];
        roundImageCorner(e, corners_white);
    }

    elements = document.getElementsByClassName('rounded-grey');
    for (i = 0; i< elements.length; i++)
    {
        e = elements[i];
        roundImageCorner(e, corners_grey);
    }
}


function roundImageCorner(elmnt, imgcorners)
{
    var outer_div;
    var inner_div;
    var img;

    outer_div = document.createElement('div');
    inner_div = outer_div.appendChild(document.createElement('div'));

    inner_div.style.position = 'absolute';
    inner_div.style.display  = 'inline';
    outer_div.style.display  = 'inline';

    if (elmnt.nodeName == 'IMG')
    {
        element_width = elmnt.width;
        element_height = elmnt.height;
    }
    else
    {
        element_width = elmnt.style.width.replace('px', '');
        element_height = elmnt.style.height.replace('px', '');
    }

    corners = ['tl', 'tr', 'bl', 'br'];
    for (c = 0;  c < corners.length; c++)
    {
        img = document.createElement('img');
        img.src = imgcorners[corners[c]];
        inner_div.appendChild(img);
        img.border = '0';
        img.style.position ='absolute';

        switch (corners[c])
        {
          case 'tl':
            img.style.left = '0px';
            img.style.top = '0px';
            break;
          case 'tr':
            img.style.left = (element_width - 10) + 'px';
            img.style.top = '0px';
            break;
          case 'bl':
            img.style.left = '0px';
            img.style.top = (element_height - 10) + 'px';
            break;
          case 'br':
            img.style.left = (element_width - 10) + 'px';
            img.style.top = (element_height - 10) + 'px';
            break;
        }
    }

    elmnt.parentNode.replaceChild(outer_div, elmnt);
    outer_div.appendChild(elmnt);
}