Visning af store billeder der er større end skærmen

Hejsa - jeg har en gæstebog hvor billeder besøgende har uploadet med deres besked vises som små thumbnails. Når man klikker på dem vises de så i fuld størrelse i et nyt vindue som lukker hvis man klikker på billedet. Det jeg gerne vil er at sørge for at billeder som der er større end skærmen skaleres korrekt ned. Som det ses af koden i nedenstående skære billedet bare over lige nu.

----kode---->

<%@ page language="java"%>
<%@ page errorPage="error_page.jsp" %>
<%@ page isThreadSafe = "false" %>
<%@ page import = "java.net.URLEncoder"%>
<%@ page import = "JavaBeans.Bruger"%>

<%

String inputgb = request.getParameter("gbpfile");
String gbpFile_name = URLEncoder.encode(inputgb);

Bruger tempAktuelBruger = (Bruger) session.getAttribute("aktuelBruger");
if(tempAktuelBruger == null) {
  tempAktuelBruger = new Bruger();
  tempAktuelBruger.setSprog("dansk");
  session.setAttribute("aktuelBruger",tempAktuelBruger);
}
String aktueltSprog = tempAktuelBruger.getSprog();

%>
<HTML>
<HEAD>

  <%if(aktueltSprog.equals("dansk")) {%>
  <TITLE>ERK.dk - Gæstebog: <%= inputgb %></TITLE>
  <%}else if(aktueltSprog.equals("engelsk")) {%>
  <TITLE>ERK.dk - Guestbook: <%= inputgb %></TITLE>
  <%}%>

</HEAD>
<BODY bgcolor="black">
<center>

<img onclick="window.close()" src="gimages/<%= gbpFile_name %>" border="0" id="pic" name="pic" onload="updater()">

<script language="javascript">
function updater(){

var xx = (document.images.pic.width)+50;
var yy = (document.images.pic.height)+80;

if(screen.availHeight<yy){
yy=screen.availHeight-30;
window.document.body.style.overflow='scroll';
}else{
window.document.body.style.overflow='hidden';
}

window.resizeTo(xx,yy);
}
</script>
<font face="verdana" size="2" color="gray">

<%if(aktueltSprog.equals("dansk")) {%>
<br>klik på billedet for at lukke vinduet
<%}else if(aktueltSprog.equals("engelsk")) {%>
<br>click the picture to close this window
<%}%>

</font>
</BODY>
</HTML>