Problem with the HOOK

Hi

I addd this code into the hook element - HAED:

<style>
#iframeForSmartWeb {
position: fixed;
bottom: 0;
right: 0;
}
</style>
<script>
window.addEventListener('message', function (event) {
if(window.document.getElementById("iframeForSmartWeb").style.height !== '60px'){
window.document.getElementById("iframeForSmartWeb").setAttribute("style","width: 300px !important; height: 60px !important");
}
else{
if(window.outerWidth < 770){
window.document.getElementById("iframeForSmartWeb").setAttribute("style","width: 100% !important; height: 100% !important");}
else{
window.document.getElementById("iframeForSmartWeb").setAttribute("style","width: 770px !important; height:460px !important");}}
}, false);

</script>

<!-- PRZYKŁĄDOWE OSADZENIE -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript">
var containerIdForSmartWeb = "elementForSmartWeb";
jQuery.noConflict();
jQuery(document).ready(function () {
jQuery.cachedStScript = function (url, options) {
options = jQuery.extend(options || {}, {dataType: "script", cache: true, url: url});
return jQuery.ajax(options);
};
jQuery.cachedStScript("https://avatar.e-szpital.eu/player-kafelkowy/pk-home/kedzierzyn_kozle/js/wdscript-pk-2.2.js").done(function (script, textStatus) {
jQuery('#' + containerIdForSmartWeb).smartWeb({
locationForSmartWeb: "https://avatar.e-szpital.eu/player-kafelkowy/mvc/kedzierzyn_kozle",
isMovable: false,
float: "right",
wdHeaderForMoving: 500,
width: "300",
height: "60",
loader: ''

}).open();
});
});
</script>

and this into HOOK - BODY: