// if IE5.5+ on Win32, then display PNGs with AlphaImageLoader
if ((browser.isIE55 || browser.isIE6up) && browser.isWin32) {
    var pngAlpha  = true;
    var pngNormal = false;
    // else, if the browser can display PNGs normally, then do that
}
else if ((browser.isGecko) ||
        (browser.isIE5up && browser.isMac) ||
        (browser.isOpera && browser.isWin && browser.versionMajor >= 6) ||
        (browser.isOpera && browser.isUnix && browser.versionMajor >= 6) ||
        (browser.isOpera && browser.isMac && browser.versionMajor >= 5) ||
        (browser.isOmniweb && browser.versionMinor >= 3.1) ||
        (browser.isIcab && browser.versionMinor >= 1.9) ||
        (browser.isWebtv) || (browser.isDreamcast)) {
    var pngNormal = true;
    var pngAlpha  = false;
}
function f_imageToDisplay(strId,strPath,intWidth,intHeight,strTitle,strAlt,strLinkHrefPNG,strLinkAttributesPNG,uniqueId, sizingMethod) {
    if((strLinkHrefPNG != null)||(strLinkAttributesPNG != null)){
        var linkStart = '<a href="' + strLinkHrefPNG + '" ' + strLinkAttributesPNG + ' style="cursor:pointer;">';
        var linkEnd   = '</a>';
        var usemap = 'usemap="#imgPNG'+uniqueId+'"';
        var link = '<map id="imgPNG'+uniqueId+'" name="imgPNG'+uniqueId+'">'+
        '     <area shape="rect" coords="0,0,' + intWidth + ',' + intHeight + '" href="' + strLinkHrefPNG + '" ' + strLinkAttributesPNG + '>'+
        '</map>';
    }else{
        var linkStart = '';
        var linkEnd   = '';
        var usemap = '';
        var link = '';
    }
    if(pngAlpha) {
        if(sizingMethod == null) {
            sizingMethod = 'image';
        }
        _return = linkStart +
                    '<div id="imgPNG'+uniqueId+'" class="imageFilesPNG" style="width:'+intWidth+'px;height:'+intHeight+'px;'+
                        'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+strPath+'.png\', '+
                        'sizingMethod=\''+sizingMethod+'\');" alt="'+strAlt+'" title="'+strTitle+'">'+
                    '</div>' +
                  linkEnd;              
    }
    else if (pngNormal) {
        var _return = '';
        _return = '<div class="imageFilesPNG" style="width:'+intWidth+'px;height:'+intHeight+'px;" title="'+strTitle+'">';
        _return+= link + '<img style="width:'+intWidth+'px;height:'+intHeight+'px;" ' + usemap + ' src="'+strPath+'.png" name="'+strId+'" border="0" title="'+strTitle+'" alt="'+strAlt+'" /></div>';       
    }
    else {
        var _return = '';
        _return = '<div class="imageFilesPNG" style="width:'+intWidth+'px;height:'+intHeight+'px;" title="'+strTitle+'">';
        _return+= link + '<img style="width:'+intWidth+'px;height:'+intHeight+'px;" ' + usemap + ' src="'+strPath+'.png" name="'+strId+'" border="0" title="'+strTitle+'" alt="'+strAlt+'" /></div>';       
    }
    return _return;
}
