anchor.diff:  		<script language="JavaScript" type="text/javascript" src="XSL/js.js"></script>
   		<script language="JavaScript" type="text/javascript" src="XSL/a_js.js"></script>
   		<script type="text/javascript" src="js/lib/Help.js"></script>
  +		
  +		<script type="text/javascript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/2/utilities_2.1.0.js"></script>
  +
  +		<script type="text/javascript" src="js/yui/yui-ext-nogrid.js"></script>
  +		<link rel="stylesheet" type="text/css" href="js/yui/resources/css/reset-min.css" />
  +    	<link rel="stylesheet" type="text/css" href="js/yui/resources/css/resizable.css"/>
  +		
   		<script language="JavaScript" type="text/javascript" src="js/JSFX_ImageZoom.js"></script>  
   	 	<LINK href="XSL/css.css" rel="stylesheet" type="text/css" />
   	</head>
  
positive.code: if(request.getParameter("key")!=null)
  	key = (String) request.getParameter("key");
  %>
  Image Control: 
  <a href="#" onclick="fullsize()">fullsize</a> |
  <a href="#" onclick="shrink()">small</a> 
  <!-- 
  <a href="#" onmouseover="grow()" onmouseout="stop()">grow</a> |
  <a href="#" onmouseover="small()" onmouseout="stop()">shrink</a> |
  <a href="#" onclick="stop()">stop</a> 
  -->
  <br clear="all"/>
  <graphing:HCPlot taskId="<%=key%>" />
  
  <script language="javascript">
  var rbt_image = document.getElementById("rbt_image");
  
  
  function rbt_image_init()	{
  	rbt_image.style.width = "100%";
  }
  
  function shrink()	{
  	//rbt_image.setAttribute("height", "200");
  	//rbt_image.setAttribute("width", "500");
  	rbt_image_init();
  }
  function fullsize()	{
  
negative.code: 	rbt_image.style.width = "";
  }
  
  //init
  //rbt_image_init();
  </script>
  
  <div style="height:300px; overflow:auto;">
  <graphing:HCPlotReport taskId="<%=key%>" />
  </div>
  <script type="text/javascript">
  /*
  var t = rbt_image.src;
  t = t.replace(/\\/g,"/");
  */
  //scaling
  var ow = rbt_image.width;
  var oh = rbt_image.height;
  
  var newWidth = 600;
  
  if(ow > newWidth)	{
  	var ratio = (rbt_image.width/rbt_image.height);
  	
  	w = newWidth;
  	h = Math.round((newWidth / ratio));
  	//w = h = Math.round((newHeight * ratio)); //other way in case	
  	rbt_image.height = h;
  	rbt_image.width = w;
  }
  	var wrapped = new YAHOO.ext.Resizable('rbt_image', {
      wrap:true,
      pinned:true,
      minWidth:50,
      minHeight:50,
      preserveRatio:true
  	});
  	
  	
  function fulls(f)	{
  	if(f=='def')	{
  		wrapped.resizeTo(w, h);
  	}
  	else	{
  		wrapped.resizeTo(ow, oh);
  	}
  	
  }
  </script>
  </body>
  </html>
  
  