jQuery.noConflict();
jQuery(document).ready(function() {
  jQuery('body').append('<div id="stoerer"><a class="highslide" href="gutscheinformular.html" onclick="return  hs.htmlExpand(this, {objectType: \'iframe\', outlineWhileAnimating: true, forceAjaxReload:true, preserveContent: false, width: 480, height:480,easing: \'easeOutBack\'})"><img src="fileadmin/templates/graphics/teaser-gutschein.png" width="180px" height="200px"></a></div>');
  jQuery("#stoerer").css({
    position: 'fixed',
    left: '-90px',
    bottom: '15px'
  }).animate({
    left: ['+=90', 'swing'] 
  }).hover(function(){
    jQuery('#stoerer img').animate({
      width: ['360px', 'swing'],
      height: ['400px', 'swing']
    });
  }, function() {
    jQuery('#stoerer img').animate({
      width: ['180px','swing'],
      height: ['200px','swing']
    });  
  });
  /*jQuery(".highslide-container").css({
    'position':'fixed',
    left: '-90px',
    bottom: '15px'
  });*/

});

hs.updateAnchors();