/*************************************/
/*    Resize-Funktion mit Thickbox   */
/*************************************/
if(!IMAGE_COUNT)
  var IMAGE_COUNT = 1;
if(!OVER_MAGNIFIER)
  var OVER_MAGNIFIER = new Array();
if(!OVER_IMAGE)
  var OVER_IMAGE = new Array();
  
jQuery.fn.extend(
{
  resizeImage : function(resize_width)
  {
    return this.each(
      function()
      {
        var altTag = jQuery(this).attr("alt");
        jQuery(this).attr("alt", "");
                
        var new_width = jQuery(this).width();
//        alert('RESIZE IMAGE bild = '+this.src+', width= '+new_width+', resgr= '+resize_width);
        if(new_width <= 1)
        {
          return;
        }

        //Alle Bilder innerhalb des Entries
        var hspace = jQuery(this).attr("hspace");
        var rw = resize_width - 2* (hspace ? hspace : 0 );
        $(this).addClass("resized");
        
        //Neue Breite und Hoehe berechnen
        if (new_width > rw)
        {
          var new_height = jQuery(this).height();
//          alert('new_width = '+new_width+', rw = '+rw+', new_height = '+new_height);
          //Hoehe anpassen
          new_height = Math.floor( ( rw / new_width ) * new_height );
          new_width  = rw;

          //Groesse des Bildes aendern
          jQuery(this).width(new_width);
          jQuery(this).height(new_height);
          
          //Kleines Lupenbild drueberlegen
          //Offset des Bildes
          var offset = jQuery(this).offset();
          var top = (this.offsetTop?parseInt(this.offsetTop) + parseInt(this.border) : offset.top);
          var left = (this.offsetLeft?parseInt(this.offsetLeft) + parseInt(this.border): offset.left);
          var alt = jQuery(this).attr("alt");
          var title = alt != undefined ? alt : '';
          hspace = (hspace? "-"+hspace : 0);
          var vspace = jQuery(this).attr("vspace");
          vspace = (vspace? vspace : 0);
          jQuery(this).after('<a href="'+jQuery(this).attr("src")+'" title="'+title+'" class="thickbox" rel="resizedimg"><img id="image_'+IMAGE_COUNT+'" style="visibility:hidden; position: relative; top: '+vspace+'px; left: '+hspace+'px; z-index:80" src="http://img.wallstreet-online.de/blogs/button/blog_lupe_trans.png" /></a>');
          
          //Thickbox mit vollem Bild
          var rel = "image_"+IMAGE_COUNT;
          jQuery(this).attr("rel", rel);

          //Bei mouseover -> Anzeige des Lupenbildes
          jQuery(this).attr("alt", altTag);          
          
          jQuery(this).mouseover(
            function(){
              OVER_IMAGE[rel] = true;
              jQuery("#"+rel).css({visibility:"visible"});
            }
          ).mouseout(
            function (){
              OVER_IMAGE[rel] = false;
              setTimeout("machwech('"+rel+"')",500);
            }
          );
          
          jQuery("#"+rel).mouseover(
            function(){
              OVER_MAGNIFIER[rel] = true;
            }).mouseout(
            function (){
              OVER_MAGNIFIER[rel] = false;
              setTimeout("machwech('"+rel+"')",500);
            });
          
          IMAGE_COUNT++;
        }  
     })
  }
});

function machwech(rel)
{
  if(!OVER_MAGNIFIER[rel] && !OVER_IMAGE[rel])
    jQuery("#"+rel).css({visibility:"hidden"});
}