﻿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: 9,3 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,
		0,
		0,
		0,
		0,
		-170,
		0,
		0,
		-150,
		-150,
		320,
		-340,
		270,
		0,
		315,
		-160,
		315,
		-345,
		0,
		-180,
		0,
		-340,
		0,
		-160,
		301,
		-200,
		0,
		-160,
		301,
		0,
		315,
		-160,
		100,
		-340,
		140,
		0,
		360,
		301,
		0,
		0,
		0
        ];
		
		this.button_y = [
		0,
		0,
		0,
		0,
		0,
		0,
		0,
		250,
		0,
		0,
		150,
		390,
		340,
		265,
		301,
		0,
		301,
		301,
		240,
		275,
		0,
		100,
		0,
		250,
		0,
		360,
		280,
		105,
		0,
		430,
		200,
		0,
		380,
		301,
		100,
		280,
		160,
		0,
		110,
		60,
		0,
		0,
		0
        ];
		
		this.button_URL = [
		"",
		"",
        "",
		"",
		"",
		"",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/4a0ec966b8084a0b8ad856ad16258aec/Alurahmen-Classic/index.php",
		"",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/58b4e7154374060a5a83bc253ac54c5a/Alurahmen-Classic-+-Spezialglas/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/1812c9723e721b3a35c0dea0b5b4236f/Alurahmen-Cambio/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/7610d521d3840ea368bed26d7d9c972e/Alurahmen-Canto/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/34924fe5d3c6d3c6a088104128c13916/Alurahmen-Cristal/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/84e851294aed51962c95209c80d401cb/Alurahmen-Gallery/",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/64992c1f636d81279179976d0742be6a/Alurahmen-Gallery-Foto/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/39fb116e272284e85fbf9e1aaf297b45/Alurahmen-Image/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/fdada5c943c7d14b489ce6705e4bb32c/Kuros/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/369b77d14df36ab4084db368811fce53/Alurahmen-Mars/",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/b0b96e777635ec44e6a4acde7a0192de/Holzrahmen-Aquarelle/",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/6def6f930140d67d0457ba002a23cff7/Holzrahmen-Artis-15/index.php",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/77da437359d7db14ef22b5481daa5392/Holzrahmen-City/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/13d10934c3038944d0b3b47fe79b27cd/Holzrahmen-Cube/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/c7344549949d990be783a51c07fe6de1/Holzrahmen-Essential/index.php",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/df72298197efd51b8f3e2ad2370d62bf/Holzrahmen-Derby/index.php",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/cc7442cc6dc2b95daf30c98b0e9aef62/Holzrahmen-Havana/",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/4b3aaeee0fcf078941dab8276a92f422/Holzrahmen-Nordic/index.php",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/9ab07e2c91c1b7451769e45353fa2bd0/Holzrahmen-Omega/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/631e6888cfdb51fcb099720e70382c58/Holzrahmen-Rondo/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/beecee2c89151cc1aab26928bf4686a7/Holzrahmen-Tribeca/",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/details/anid/404487d2df7ecd5f74da886dd1c9523a/Holzrahmen-Zoom/",
		"",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/alist/cnid/1013000",
		"http://www.allesrahmen.de/oxid.php/sid/005be265e12ce76c30563a10756868b9/cl/alist/cnid/1013000",
		"",
		""
        ];

};

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);

