var jq = jQuery.noConflict();
jq(document).ready(function(){
   jq(".hoverthumb").hover(function(){
   jq(this).fadeTo("fast", 0.6); // This sets the opacity to 60% on hover
   },function(){
   jq(this).fadeTo("fast", 1.0); // This sets the opacity back to 100% on mouseout
   jq("div.hoverthumb").click(function() {
   jq('.aktiv').removeClass('aktiv');
   jq(this).addClass('aktiv');
});
});
});
function showPic(url,title,descr,width,height) {
  jq("#maxImage").fadeOut("slow", function(){
      var image = new Image();
      jq(image).load(function() {
        jq(this).hide();
// with the holding div #loader, apply:
      jq('#picturecontainer')
        // remove the loading class (so no background spinner), 
        
        // then insert our image
        .append(this);
        jq("#maxImage").attr({
          src: url,
          width: width,
          height: height
        });
        jq("#maxImage").fadeIn("fast");
        jq("#maxTitle").html(title);
        jq("#maxDescr").html(descr);
   jq('#picturecontainer').addClass('loading')
      });
      jq(image).attr({src: url, width: width, height: height});
  });
}