﻿function FlippingBook() {
	this.pages = [];
	this.zoomPages = [];
	this.printPages = [];
	this.contents = [];

	this.stageWidth = "100%";
	this.stageHeight = "100%";
	
	this.settings = {
			bookWidth: 1131,
			bookHeight: 800,
			pagesSet: this.pages,
			zoomPagesSet: this.zoomPages,
			printPagesSet: this.printPages,
			scaleContent: true,
			preserveProportions: false,
			centerContent: true,
			hardcover: false,
			hardcoverThickness: 3,
			hardcoverEdgeColor: 0xFFFFFF,
			highlightHardcover: true,
			frameWidth: 0,
			frameColor: 0xFFFFFF,
			frameAlpha: 100,
			firstPageNumber: 1,
			autoFlipSize: 50,
			navigationFlipOffset: 30,
			flipOnClick: true,
			handOverCorner: true,
			handOverPage: true,
			alwaysOpened: false,
			staticShadowsType: "Asymmetric", // Asymmetric, Symmetric, Default
			staticShadowsDepth: 1,
			staticShadowsLightColor: 0xFFFFFF, // works for "Symmetric" shadows only
			staticShadowsDarkColor: 0x000000,
			dynamicShadowsDepth: 1,
			dynamicShadowsLightColor: 0xFFFFFF, // works for "dark" pages only
			dynamicShadowsDarkColor: 0x000000,
			moveSpeed: 2,
			closeSpeed: 3,
			gotoSpeed: 3,
			rigidPageSpeed: 5,
			flipSound: "",
			hardcoverSound: "",
			preloaderType: "Thin", // "Progress Bar", "Round", "Thin", "Dots", "Gradient Wheel", "Gear Wheel", "Line", "Animated Book", "None"
			pageBackgroundColor: 0xcccccc,
			loadOnDemand: true,
			allowPagesUnload: true,
			showUnderlyingPages: false,
			playOnDemand: true,
			freezeOnFlip: false,
			darkPages: false,
			smoothPages: false,
			rigidPages: false,
			flipCornerStyle: "manually",// "first page only", "each page", "manually"
			flipCornerPosition: "bottom-right",// "bottom-right","top-right","bottom-left","top-left"
			flipCornerAmount: 50,
			flipCornerAngle: 20,
			flipCornerRelease: true,
			flipCornerVibrate: true,
			flipCornerPlaySound: false,
			zoomEnabled: true,
			zoomPath: "pages/large/",
			zoomImageWidth: 1280,
			zoomImageHeight: 1809,
			zoomOnClick: true,
			zoomUIColor: 0xcccccc,
			zoomHint: "Doppelklick für Vergrößerung",
			zoomHintEnabled: true,
			centerBook: true,		
			useCustomCursors: true,
			dropShadowEnabled: true,
			dropShadowHideWhenFlipping: true,
			backgroundColor: 0xFFFFFF,
			backgroundImage: "img/bookBackground.jpg",
			backgroundImagePlacement: "fit", //  "top left", "center", "fit"
			printEnabled: true,
			printTitle: "Print Pages",
			downloadURL: "",
			downloadTitle: "Download PDF",
			downloadSize: "Size: 17 Mb",
			downloadComplete: "Complete",
			extXML: ""
		};
		
		this.containerId = "fbContainer";
		this.forwardButtonId = "fbForwardButton";
		this.backButtonId = "fbBackButton";
		this.zoomButtonId = "fbZoomButton";
		this.printButtonId = "fbPrintButton";
		this.downloadButtonId = "fbDownloadButton";
		this.currentPagesId = "fbCurrentPages";
		this.totalPagesId = "fbTotalPages";
		this.contentsMenuId = "fbContentsMenu";	

        this.button_x = [
		0,
		0,
		0,
		-440,
		260,
		-220,
                170,
		-410,
		50,
		-150,
	        200,
		-350,
		150,
		0,
		0,
		-200,
		50,
		-410,
		350,
		-470,
		-470,
		-10,
		100,
		0,
		0,
		-350,
		370,
		-400,
		300,
		-400,
		360,
		0,
		0,
		-270,
		100,
		-250,
		-150,
		0
        ];
		
		this.button_y = [
		0,
		0,
		0,
		200,
		150,
		250,
                220,
		100,
                20,
		250,
		200,
	        1,
		200,
		0,
		0,
		250,
		1,
		290,
		140,
	        290,
		300,
		150,
		40,
		0,
		0,
		280,
		400,
		100,
		200,
		300,
		150,
		0,
		0,
		350,
		-110,
		250,
		200,
		0
        ];
		
		this.button_URL = [
		"",
		"",
                "",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/d9f2b76c3aa17208e25aacbf9770434c/Fotorahmen-Cannes-Galerie/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/eb2e3e3a58decf0495cad989f896fa14/Fotorahmen-Wangen/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/2676b687d2ef83438a67fe0519aae3ab/Fotorahmen-Malberg/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/ce816d487d7409e3d656deeefdc1711c/Fotorahmen-Steinach/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/66f038e0721cf8b372344efa2614d1ff/Fotorahmen-Dielsdorf/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/c53a92f7664e634f7350de369053015a/Fotorahmen-Tralee/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/c03d96dab401c05e12e1d16f2834c2da/Fotorahmen-Ragow/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/c50880a489732807bd79e686a3b28e2a/Fotorahmen-Vicenza/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/e0486a2fc9b12d8f28072f97cf02dc3d/Fotorahmen-Herzberg-Galerie/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/066da2eda23012ffc872f0c8d22a78c5/Fotorahmen-Cinderella/",
		"",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/079276c1324584ff1f444394eb96413c/Fotorahmen-Oldham/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/3bc9cfe40b2b05ac6cf105ceeaa3ee0c/Fotorahmen-Northhampton/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/c69343a740a178446a2ca713b67c1cea/Fotorahmen-Waterville/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/abaf59bac25460394b8c163402110f87/Fotorahmen-Honfleur/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/13bebca10bcea11b8cefed23a1108389/Fotorahmen-Christmas-stars/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/3f69270b77d657923a87357a152e2434/Fotorahmen-Christmas-tree/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/897fc70e7ee91a68f2bfd99e1638ecf8/Fotorahmen-Straengnaes-Galerie/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/1f58d45409c0f30fe4ecde81087ddc4a/Fotorahmen-Talvik-Galerie-mit-Uhr/",
		"",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/ae0a06bdd32376dff9e6a9c081a66bd7/Fotorahmen-Kleve-Galerie/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/63310f67879a4462dbbd1a807200bd31/Fotorahmen-Krausnick/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/08ec984844b491bddea77f27500cd275/Fotorahmen-Buttenheim/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/c7c5cfd567fe57def1833c5dbec5bc31/Fotorahmen-Belladonna/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/d695a8730c2848218ecdf37d3c37eda4/Fotorahmen-Lucan/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/7ab42d623b56cd2239ec6e9844b6990c/Fotorahmen-Love/",
		"",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/d92230dab890b44a18b008b98a94aee6/Fotorahmen-Leonie/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/9e0e2faa3ef6a960dc2ade95dcabc7c3/Fotorahmen-Alyson/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/d2bd599143db230b390fce2a70f99ca2/Fotorahmen-Kimi-Galerie/",
		"http://www.allesrahmen.de/oxid.php/sid/x/cl/details/anid/aaa59b0828d12ef89cb452987254b791/Fotorahmen-Jim/",
		""
        ];

};

FlippingBook.prototype.create = function(){
	this.settings.pagesSet = this.pages;
	this.settings.zoomPagesSet = this.zoomPages;
	this.settings.printPagesSet = this.printPages;
	
	if( location.hash.substr(1) != "" )
		this.settings.firstPageNumber = location.hash.substr(1);
	
	this.addLoadEvent( this.onWindowLoad );
	swfobject.embedSWF("FlippingBook.swf", this.containerId, this.stageWidth, this.stageHeight, "8.0.0", "js/expressInstall.swf", this.settings, {allowScriptAccess: "always", bgcolor:  "#" + this.settings.backgroundColor.toString( 16 ), wmode: "transparent" });
}

FlippingBook.prototype.getFlippingBookReference = function() {
	return this.getObjectReference( this.containerId );
}

FlippingBook.prototype.getObjectReference = function( id ) {
	return document.getElementById( id );
}

FlippingBook.prototype.flipForward = function() {
	flippingBook.getFlippingBookReference().flipForward();
}

FlippingBook.prototype.flipBack = function() {
	flippingBook.getFlippingBookReference().flipBack();
}

FlippingBook.prototype.zoomButtonClick = function() {
	if( flippingBook.getFlippingBookReference().isZoomedIn() )
		flippingBook.zoomOut();
	else
		flippingBook.zoomIn();
	
}

FlippingBook.prototype.zoomIn = function() {
	this.getFlippingBookReference().zoomIn();
	this.updateButton( 0, 0);
}

FlippingBook.prototype.zoomOut = function() {
	this.getFlippingBookReference().zoomOut();
	this.updateButton( 0, 0);
}

FlippingBook.prototype.print = function() {	
	flippingBook.getFlippingBookReference().print();
}

FlippingBook.prototype.downloadFile = function() {	
	if( flippingBook.settings.downloadURL )
		flippingBook.getFlippingBookReference().downloadFile();
}

FlippingBook.prototype.onWindowLoad = function(){	
	var forwardButton = flippingBook.getObjectReference( flippingBook.forwardButtonId );
	if( forwardButton ){
		forwardButton.style.cursor = "pointer";
		forwardButton.onclick = flippingBook.flipForward;
	}
	
	var backButton = flippingBook.getObjectReference( flippingBook.backButtonId );
	if( backButton ){
		backButton.style.cursor = "pointer";
		backButton.onclick = flippingBook.flipBack;
	}
	
	var zoomButton = flippingBook.getObjectReference( flippingBook.zoomButtonId );
	if( zoomButton ){
		zoomButton.style.cursor = "pointer";
		zoomButton.onclick = flippingBook.zoomButtonClick;
	}
	
	var printButton = flippingBook.getObjectReference( flippingBook.printButtonId );
	if( printButton ){
		printButton.style.cursor = "pointer";
		printButton.onclick = flippingBook.print;
	}

	var downloadButton = flippingBook.getObjectReference( flippingBook.downloadButtonId );
	if( downloadButton ){
		downloadButton.style.cursor = "pointer";
		downloadButton.onclick = flippingBook.downloadFile;
	}
	
	flippingBook.buildContentsMenu();
}

FlippingBook.prototype.onPutPage = function( leftPageNumber, rightPageNumber ){
	this.updatePagination( leftPageNumber, rightPageNumber );
	this.updateContentsMenu( leftPageNumber, rightPageNumber );
	this.updateButton( leftPageNumber, rightPageNumber );
}

FlippingBook.prototype.updateButton = function( leftPageNumber, rightPageNumber ){
  	var leftPageExists = ( leftPageNumber != undefined );
	var rightPageExists = ( rightPageNumber != undefined );
	var iszoomed = flippingBook.getFlippingBookReference().isZoomedIn()

	if( leftPageExists) {
	  if(leftPageNumber > 0){
	    leftPageNumber--;
		if( this.button_URL[leftPageNumber]!="" ) {
		  this.getObjectReference( "btn_div1" ).setAttribute("style", 'visibility:visible;', 0);
          this.getObjectReference( "btn_div1" ).innerHTML = 
		  '<a href="' + this.button_URL[leftPageNumber] + '" target="_blank">' +
		    '<img src="/rahmentest/img/onlineshop.jpg" style="position: relative;top:' + this.button_y[leftPageNumber] + 'px;Left:' + this.button_x[leftPageNumber] + 'px;"/>' +
		  '</a>'
        }else{
		  this.getObjectReference( "btn_div1" ).innerHTML = '';
		}
	  }else{
	    if (iszoomed == 0){
		  this.getObjectReference( "btn_div1" ).setAttribute("style", 'visibility:hidden;', 0);
		}else{
	      this.getObjectReference( "btn_div1" ).setAttribute("style", 'visibility:visible;', 0);
		}
	  }
	}else{
	  this.getObjectReference( "btn_div1" ).innerHTML = '';
	}
	if( rightPageExists) {
	  if(rightPageNumber > 0){
	    rightPageNumber--;
		if( this.button_URL[rightPageNumber]!="" ) {
		  this.getObjectReference( "btn_div2" ).setAttribute("style", 'visibility:visible;', 0);
		  this.getObjectReference( "btn_div2" ).innerHTML = 
		  '<a href="' + this.button_URL[rightPageNumber] + '" target="_blank">' +
		    '<img src="/rahmentest/img/onlineshop.jpg" style="position: relative;top:' + this.button_y[rightPageNumber] + 'px;Left:' + this.button_x[rightPageNumber] + 'px;"/>' +
		  '</a>'
	    }else{
		  this.getObjectReference( "btn_div2" ).innerHTML = '';
		}
	  }else{
	    if (iszoomed == 0){
		  this.getObjectReference( "btn_div2" ).setAttribute("style", 'visibility:hidden;', 0);
		}else{
          this.getObjectReference( "btn_div2" ).setAttribute("style", 'visibility:visible;', 0);
		}
	  }
	}else{
	  this.getObjectReference( "btn_div2" ).innerHTML = '';
	}
}

FlippingBook.prototype.updatePagination = function( leftPageNumber, rightPageNumber ){
	var leftPageExists = ( leftPageNumber != undefined );
	var rightPageExists = ( rightPageNumber != undefined );
			
	var pageNumberString = leftPageNumber + "-" + rightPageNumber;
	if( !leftPageExists )
		pageNumberString = rightPageNumber;	
	if( !rightPageExists )
		pageNumberString = leftPageNumber;

	this.getObjectReference( this.currentPagesId ).innerHTML = pageNumberString;
	this.getObjectReference( this.totalPagesId ).innerHTML = " / " + this.getFlippingBookReference().totalPages();	
}

FlippingBook.prototype.buildContentsMenu = function(){
	var contentsSelect = this.getObjectReference( this.contentsMenuId );
	
	if( contentsSelect ){
		for( var i = 0; i < this.contents.length; i++ )
			contentsSelect.options[i] = new Option(this.contents[i][0], this.contents[i][1]);
			
		contentsSelect.onchange = this.onContentsChange;
	}
}

FlippingBook.prototype.onContentsChange = function(){
	var contentsSelect = flippingBook.getObjectReference( flippingBook.contentsMenuId );
	var pageNumber = contentsSelect.options[contentsSelect.selectedIndex].value;
	
	if( pageNumber )
		flippingBook.getFlippingBookReference().flipGotoPage( pageNumber );
		
}

FlippingBook.prototype.updateContentsMenu = function( leftPageNumber, rightPageNumber ){
	var contentsSelect = flippingBook.getObjectReference( flippingBook.contentsMenuId );

	if( contentsSelect ){
		for( var i = 0; i < this.contents.length - 1; i++ ){
			var minPage = contentsSelect.options[i].value;
			var maxPage = contentsSelect.options[i+1].value;
			var leftOK = false;
			var rightOK = false;
			
			if( leftPageNumber )
				leftOK = ( Number( leftPageNumber ) >=  minPage && Number( leftPageNumber ) <= maxPage );
			else
				leftOK = true;

			if( rightPageNumber )
				rightOK = ( Number( rightPageNumber ) >=  minPage && Number( rightPageNumber ) <= maxPage );
			else
				rightOK = true;
				
			if( leftOK && rightOK )	
				break;
		}	
		contentsSelect.selectedIndex = i;
	}
}

FlippingBook.prototype.getWindowHeight = function() {
	var windowHeight = 0;
	
	if (typeof(window.innerHeight) == 'number' ) {
		windowHeight=window.innerHeight;
	}
	else {
		if (document.documentElement &&	document.documentElement.clientHeight) {
				windowHeight = document.documentElement.clientHeight;
		}
		else {
			if (document.body&&document.body.clientHeight) {
				windowHeight=document.body.clientHeight;
			}
		}
	}
	
	return windowHeight;
}

FlippingBook.prototype.addLoadEvent = function ( fn ) {
	if (typeof window.addEventListener != "undefined") {
		window.addEventListener("load", fn, false);
	}
	else if (typeof document.addEventListener != "undefined") {
		document.addEventListener("load", fn, false);
	}
	else if (typeof window.attachEvent != "undefined") {
		window.attachEvent("onload", fn);
	}
	else if (typeof window.onload == "function") {
		var fnOld = window.onload;
		window.onload = function() {
			fnOld();
			fn();
		};
	}
	else {
		window.onload = fn;
	}
}

FlippingBook.prototype.handleWheel = function ( delta ){
	this.getFlippingBookReference().onWheelScroll( delta );
}

flippingBook = new FlippingBook();

function wheel(event){
	var delta = 0;
	if (!event) event = window.event;
	if (event.wheelDelta) {
		delta = event.wheelDelta/120; 
		if (window.opera) delta = -delta;
	} else if (event.detail) {
		delta = -event.detail/3;
	}
	if (delta)
		flippingBook.handleWheel(delta);
        if (event.preventDefault)
                event.preventDefault();
        event.returnValue = false;
}

function doubleclick(event){
  flippingBook.updateButton( 0, 0);
}

if (window.addEventListener)
	window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
if (window.addEventListener)
	window.addEventListener('dblclick', doubleclick, false);

