function sbresizer(title, source){
 var el = document.getElementById("shadowbox");
 el.style.display = "none";
 var viewportwidth;
 var viewportheight;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth;
      viewportheight = window.innerHeight;
 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth;
       viewportheight = document.documentElement.clientHeight;
 }
 
 // older versions of IE
 
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
       viewportheight = document.getElementsByTagName('body')[0].clientHeight;
 }
 //console.log(viewportwidth + "," + viewportheight);
 if (title != null) document.getElementById("shadowbox_title_inner").innerHTML = title;
 el.style.top = 50+"px";
 document.getElementById("shadowbox_body_inner").style.height = viewportheight-100 + "px";
      if(source != null) {
         document.getElementById("shadowbox_content").contentWindow.document.body.innerHTML = "<img onload='parent.changewidth()' id='shadow-image' style='height:" + document.getElementById("shadowbox_body_inner").style.height + ";' src='" + source + "' alt ='" + document.getElementById("shadowbox_title_inner").innerHTML + "' />";
         //console.log(document.getElementById("shadowbox_content").contentWindow.document.body.innerHTML);
      }
    //console.log(document.getElementById("shadowbox").style.width +","+ document.getElementById("shadowbox_body_inner").style.height);
    else {	
        el.style.width = viewportwidth-20+"px";
    }
 el.style.display = "block";  
}

function changewidth() {
         document.getElementById("shadowbox").style.width = document.getElementById("shadowbox_content").contentWindow.document.getElementById("shadow-image").offsetWidth + 5 + "px";
         //console.log(document.getElementById("shadowbox_content").contentWindow.document.getElementById("shadow-image").offsetWidth);
}