Custom Flash Pageflip book needed

[Vincent26381]

Hi,

We need a Flash pageflipping book for a website with a few custom controls and JavaScript communication. Pages must be loaded from a dynamic file. When a page is marked as deletable, a delete button should be shown on te page. Pressing that button should call a JavaScript function.

With JavaScript we need to call a few methods in the Flash movie. The Flash movie should have a transparant background.

Design:



Specifications:

Pages
The book’s pages will be squared.

The images used for a page will be 215x215 pixels. The left and right page of the book should be 215x215 pixels. The image should fill the whole page.
The flash file should have the following dimensions: Width 449 px, height 395px.

Page transitions should be animated. You need to be able to navigate dragging the page edge or corner.

There should be a default animation for a page transition. This to facilitate automated flipping to a certain page. There should also be a special animation for flipping over multiple pages!

Available features:

Config
The flash will be embedded using the following code:

<script type="text/javascript">
   var so = new SWFObject("bookpreview.swf", "book_preview", "449", "395", "8", "#336699");
   so.addParam("wmode", "transparent");
   so.addVariable("datafile", "http://example.com/path/to/datafile.php");
   so.addVariable("btn_next_page", "http://example.com/path/to/image.gif");
   so.addVariable("btn_prev_page", "http://example.com/path/to/image.gif");
   so.write("flash_container");
</script>

Important to note:
datafile variable sets the path to the data script.
btn_prev_page variable is the image for the back button
btn_next_page variable is the image for the forward button

Data
The data should be read from an XML file. The data file holds the following data:
Id: Reference to the given page
Deletable: Can this page be deleted?
Image: Image url for display

Example file:

<?xml version="1.0" encoding="UTF-8"?>
<pages>
	<!-- Undeletable page. -->
	<page id=”index” deletable=”false”>
		<image>image url</image>
	</page>
	<page id=”frontpage_cat1” deletable=”false”>
		<image>image url</image>
	</page>

	<!-- Deletable page. -->
	<page id=”18” deletable=”true”>
		<image>image url</image>
	</page>
	<page id=”1” deletable=”true”>
		<image>image url</image>
	</page>

	<!-- Undeletable page. -->
	<page id=”frontpage_cat2” deletable=”false”>
		<image>image url</image>
	</page>

	<!-- Deletable page. -->
	<page id=”12” deletable=”true”>
		<image>image url</image>
	</page>
	<page id=”36” deletable=”true”>
		<image>image url</image>
	</page>
</pages>

JavaScript controls
We need the following controls for the book:
animateToPage( pageId ); Function to automatically flip to the page with pageId a id. This function should wait for requests (loading, or reloading) and execute after.
jumpToPage( pageId ); Function to instantly open the book at the given page. This function should wait for requests (loading, or reloading) and execute after.
reload(); Reload book data from XML data file.

Page Deletion
Delete button: Call the global javascript object method: oBoek.delete(pageId);
Delete buttons should only be shown on pages marked deletable.

Questions?
If you have any questions, please don't hesitate to ask! (mail / pm / reply in thread). vkleijnendorst [AT] swis.nl

Files:
Download Photoshop PSD with design

Time frame & price range:
We would like this done ASAP.
Price range: $1000