function getID(){
    var uniqueID=(new Date()).getTime()+""+Math.floor((Math.random()*8999)+1000);
    return(uniqueID);
}

function embedkatalog() {
    var fid = getID();
    var oeTags = '<center style="margin-top:-100px;"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
    + 'width="720" height="600"'
    + 'data="/flash/katalog.swf?t='+fid+'"'
    + 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
    + '<param name="movie" value="/flash/katalog.swf" />'
    + '<param name="loop" value="false"/>'
    + '<param name="menu" value="false" />'
    + '<param name="quality" value="high" />'
    + '<param name="wmode" value="transparent" />'
    + '<param name="bgcolor" value="#FACC5D" />'
    + '<embed src="/flash/katalog.swf?t='+fid+'" quality="high" bgcolor="#FACC5D" wmode="transparent" width="720" height="600" name="katalog" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>'
    + '<\/object></center><div id="loader" style="position:absolute; left:365px; top:500px; display:none;"><img src="/flash/ajax-loader.gif" width="32" height="32" alt=""></div>'
    + '<div id="katalog" onclick="fadekatalog();" style="display:none; position:absolute; left:-4px; top: -1px; cursor:hand;"></div>';
    document.write(oeTags);
}

function fadekatalog() {
    var fadePic = Ext.get('katalog');
    fadePic.fadeOut({
        easing: 'easeOut',
        duration: 0.5,
        remove: false,
        useDisplay: true
    });
    return false;
}

function showPic(picurl) {
    var el_ = document.getElementById('katalog');
    var katpic = document.getElementById('katpic');
    var loader = document.getElementById('loader');
    loader.style.display='block';
    if(!katpic) {
        var katpic = document.createElement("img");
        katpic.src = picurl;
        katpic.id = "katpic";
        katpic.style.border = "1px solid #F3EFD5";
        katpic.title = "Klicken um das Bild zu entfernen";
        katpic = el_.appendChild(katpic);
        katpic.onload = function() {
            var fadePic = Ext.get('katalog');
            fadePic.fadeIn({
                easing: 'easeOut',
                duration: 1,
                callback: function() {
                    loader.style.display='none';
                }
            });
        }
        if (katpic.complete==true) katpic.onload();
    } else {
        katpic.src = picurl;
        katpic.onload = function() {
            var fadePic = Ext.get('katalog');
            fadePic.fadeIn({
                easing: 'easeOut',
                duration: 1,
                callback: function() {
                    loader.style.display='none';
                }
            });
        }
    }
}