// IE6 only - adjust the position of bottom and right corners if the
// height / width of the div so it is an odd number
// This solves the problem with incorrectly positioned corners at the
// bottom of divs with height:auto

$(document).ready(function() {
    $('div.corners').each(function() {
        if ($(this).children('div.corner').size() == 0) {
            $(this).wrapInner($('<div class="boxContent"></div>'));
            $(this).prepend($('<div class="tl corner"></div><div class="tr corner"></div><div class="bl corner"></div><div class="br corner"></div>'));

            var topOffset = $(this).css("border-top-width");
            var rightOffset = $(this).css("border-right-width");
            var bottomOffset = $(this).css("border-bottom-width");
            var leftOffset = $(this).css("border-left-width");

            $(this).children('div.tl, div.tr').css({ 'top': '-' + topOffset });
            $(this).children('div.tr, div.br').css({ 'right': '-' + rightOffset });
            $(this).children('div.bl, div.br').css({ 'bottom': '-' + bottomOffset });
            $(this).children('div.tl, div.bl').css({ 'left': '-' + leftOffset });
        }
    });

    if (IE6) {
        $('.corners').each(function() {
            fixCorners($(this));
        });
    }
});

function fixCorners(box){
    if ($(box).innerHeight() % 2 != 0 ) {
        // Get the bottom coordinate of the bottom corners and subtract 1px
        var currentBtm = $(box).find('div.bl').css('bottom');
        $(box).children('div.bl').css('bottom', parseInt(currentBtm)-1+"px"); 
        $(box).children('div.br').css('bottom', parseInt(currentBtm)-1+"px");
    }
    if ($(box).innerWidth() % 2 != 0 ) {
        // Get the bottom coordinate of the bottom corners and subtract 1px
        var currentRight = $(box).find('div.tr').css('right');
        $(box).children('div.tr').css('right', parseInt(currentRight)-1+"px");
        $(box).children('div.br').css('right', parseInt(currentRight)-1+"px");
    }
}