[demonwares]

I have an image that is 60,000 pixels wide so i sliced it into many pieces and use a code to reassemble them. The code below allows me to zoom in to the map and moves the scroll bars accordingly. I now need to figure out how to get my zoom out function to work. It properly zooms out but I have been unable to get the scroll bars to move with it. If anyone could help out it would be greatly appreciated. Thanks in advance.

Code:

	var zoom_percent = 50;
	var rows = 8;
	var cols = 16;	
	var enc_h = 500;
	var enc_w = 700;
	var images = document.images;
	var org_height = images[0].height;

function zoom_in(){
	percent = zoom_percent / 100;
	var w = document.images;
	var width = w[0].width; // find width of each image
	var height = w[0].height; // find height of each image
	var w_percent = width*percent; // find __ percent of width
	var h_percent = height*percent; // find __ percent of height
	var scrollTopOld = document.getElementById('image_box').scrollTop; // find current scrollbar possition 
	var scrollLeftOld = document.getElementById('image_box').scrollLeft; // find current scrollbar possition 
	// increase width and height on all images
	for ( var i in w ){
	   w[i].width = w[i].width + w_percent;
	   w[i].height = w[i].height + h_percent;
	} 
	document.getElementById('image_box').scrollTop = ((1+percent)*scrollTopOld) + ((percent/2)*enc_h);
	document.getElementById('image_box').scrollLeft = ((1+percent)*scrollLeftOld) + ((percent/2)*enc_w);
}

function zoom_out(){
	percent = zoom_percent / 100;
	var w = document.images;
	var width = w[0].width;
	var height = w[0].height;
	var w_percent = width*percent;
	var h_percent = height*percent;
	var scrollTopOld = document.getElementById('image_box').scrollTop; // find current scrollbar possition 
	var scrollLeftOld = document.getElementById('image_box').scrollLeft; // find current scrollbar possition 
	// Reduce width and height on all images
	
	if (w[0].height>org_height){
		for ( var i in w ){
		   w[i].width = w[i].width - w_percent;
		   w[i].height = w[i].height - h_percent;
	}
	// move scrollbars evenly with image

	} 
}