Javascript enhancements

Project Description:
PanoJS is an open-source image viewer based on 256x256 JPG tiles. It is zoomable and highly scalable to very large images, with tiles created for each zoom level. It is written in Javascript.

PanoJS currently requires all the tiles to be located in a single directory on the web server. But as the overall images become larger and the zoom levels increase, the number of tiles becomes difficult to manage, and there is possibly performance hit.

This project is to modify the Javascript so that a more hierarchical file structure can be operated.

I require:

1. A separate directory for each zoom level, numbered 0 to n, where 0 is maximum zoom;

2. Within each zoom level directory, the ability to create zero-to-many subdirectories, with the tiles files logically distributed.

There is a demo website attached, which you should install on a local host. The demo is a map with six zoom levels, made up of 620 files. Launch it via PanoJS.html.

The tiles are named as follows: ---.jpg
Example: tile-0-5-7.jpg
The tiles are in the /demo directory
The path is set within PanoJS.html when constructing the viewer.

After you have made the required changes, the tiles should be located as follows:

/demo/1/tile-0-*.jpg
/demo/2/tile-0-*.jpg
/demo/3/tile-0-*.jpg
/demo/4/tile-0-*.jpg
/demo/5/tile-0-*.jpg

The zoom-level 0 files should be further subdivided as follows:

/demo/0/1/tile-0-1-*.jpg
/demo/0/2/tile-0-2-*.jpg
etc.

It should be configurable which zoom-directories are subdivided.

The file format cannot be changed, but you can specify rules for the prefix if you wish. Otherwise it can be any value.

I did not write PanoJS and my Javascript skills are not strong enough to provide much technical support, but I'll answer any questions about requirements. You are welcome to propose alternative solutions, so long as PanoJS is retained. You should explain in detail the changes made, so that I can generate the tiles correctly.

Installing the demo should be easy. I use Apache on a Windows 7 PC.

I tend to like bidders who make a start on the work before bidding is complete, so they really understand what is involved.

Additional Project Description:
01/19/2013 at 2:05 EST
Update: Attachment problem: the 58Mb demo I uploaded doesn't seem to have been attached. I'm investigating.

01/19/2013 at 2:13 EST
Update 2: I've attached a small file without the demo tiles. This is Freelancer_PanoJS.zip. Tiles to follow.

01/19/2013 at 2:37 EST
Update 3: A Dropbox link to the full demo is here:

http://dl.dropbox.com/u/109821245/freelancer.zip

Also, I've corrected the following section:

"After you have made the required changes, the tiles should be located as follows:

/demo/1/tile-1-*.jpg
/demo/2/tile-2-*.jpg
/demo/3/tile-3-*.jpg
/demo/4/tile-4-*.jpg
/demo/5/tile-5-*.jpg



01/19/2013 at 16:43 EST
Update 4: Sorry everyone. I must close this project. Unfortunately, I am now in dispute with freelancer.com over a debt of GBP2. I do indeed owe GBP2 but they have undermined the bidding on this project by suspending the shawmat account midway through the process because it has been due for 35 days. You might have thought employers who have spent as much as I have would be respected more.