$(function() { //onload
	   
			/**
			/*	@TODO: 	Definieren, welche ebook-Seite beim Aufrufen geladen wird. Standart: Seite 1. 
			/*			Falls Surfer von Google kommt -> Durch keyword entsprechende Seite aufrufen: $('#rotate > ul').tabs( 'select' , tab )
		    /*			Ggf. hier oder in der ASPX-Seite das keyword hervorheben, bzw. markieren. 
			**/

			//Effekt für Umblättern definieren
            $('#rotate > ul').tabs({ fx: { opacity: 'toggle' } }).tabs({fxFade: true, fxSpeed: 'fast' });
			
			
			//Seitenzähler-Label zwischen den vor und zurück buttons definieren
			$('#rotate > ul').bind('tabsshow', function(event, ui) {
			var selected = $('#rotate > ul').tabs('option', 'selected')
			selected = selected+1
			document.getElementById('currenttab').innerHTML=selected
			});
			
    });
	
		function vor(){//nächste Seite aufrufen
		
			checkUser(1)
		
			var selected = $('#rotate > ul').tabs('option', 'selected')
			var next = selected+2 //tab im array ist immer um 1 niedriger als fragment nummer (da 0-16, fragmente aber 1-17), somit ist das nächste fragment um 2 höher als das aktuelle tab im array.
		    var max = $('#rotate > ul').tabs( 'length' )
		
			if(next<=max ){ //checken ob das letzte tab erreicht ist. Falls JA => von vorne anfangen.
				var tab = 'fragment-'+next
			}else{
				tab = 'fragment-1'
			}
			
			//zum tab springen
			$('#rotate > ul').tabs( 'select' , tab )
			
			onclickDeaktivieren('pageforw',800)
			onclickDeaktivieren('pageback',800)	
	
		} 
		
		function zurueck(){//vorige Seite aufrufen
		
			checkUser(0)
			
			var selected = $('#rotate > ul').tabs('option', 'selected')
			var max = $('#rotate > ul').tabs( 'length' )
			
			if(selected==0){ //checken ob das erste tab erreicht ist. Falls JA=> stoppen.
				var tab = 'fragment-'+max
			} else {
				var tab = 'fragment-'+selected
			}
				
			//zum tab springen
			$('#rotate > ul').tabs( 'select' , tab )
			
			onclickDeaktivieren('pageforw',800)
			onclickDeaktivieren('pageback',800) 

		} 
		
		function onclickDeaktivieren(id,ms){ //deaktiviert die onclick-Aktion des übergebenen Elements für die angegebene Zeitspanne (nützlich um Javascriptfehler bei zu schnellem klicken der << >> und Seitenzahlen zu vermeiden)
			
			var oldOnclick = document.getElementById(id).onclick //speichert was eigentlich bei onclick passieren soll
			document.getElementById(id).onclick="javascript:void(0)" //onclick-Aktion löschen
			setTimeout(function(){
				document.getElementById(id).onclick=oldOnclick //onclick-Aktion wiederherstellen...
			},ms)	//...nach x Millisekunden
		}
		
		function setCookie(freepages){
			$.cookie("__pwcf3", freepages, {expires: 100});
		}

		//Die Funktion kommt bei nicht-eingeloggten Usern zum Einsatz und regelt die Anzeige von 3 Vorschauseiten via Browser-Cookie.
		function checkUser(direction){
	   
            var state = document.getElementById('cookie').innerHTML //Server schreibt in dieses hidden-span eine 0 falls der User eingeloggt ist, ansonsten eine 1
            
			if(state==0){
			
             //kein Cookie nötig / nichts tun / User ist eingeloggt
			 
            } else {
			
                  if($.cookie("__pwcf3") == null) { 
                     //Falls Cookie noch nicht existiert => Erzeugen 
		 
					 $.cookie("__pwcf3", "2", {expires: 100});          
                      
                  } else if ($.cookie("__pwcf3") == "0") {
					//Falls Freiseiten überschritten => Zum Cover springen und User auf Registrierung / Kauf hinweisen.
						
						if(document.getElementById('gratis')==null){//checkt ob das gratis.jpg da ist [schlechter Stil -> ändern], und blendet dementsprechend den richtigen Hinweis ein. 
							var kaufenbutton = '<span style="text-align:center;" class="kaufenbutton">' + document.getElementById('kaufenbutton').innerHTML + '</span>'
							document.getElementById('middle-content-right').innerHTML = "Sie k&ouml;nnen kostenfrei <strong>maximal 3 Seiten</strong> von jedem Exemplar lesen. Wenn Sie weiterlesen wollen, k&ouml;nnen Sie dieses Exemplar jetzt erwerben. Sie haben dann sofort Zugriff auf den gesamten Inhalt und k&ouml;nnen sich auch gleich eine PDF-Version (sowie andere Formate) per Email anfordern.<br/><br/>" + kaufenbutton 
						} else {
							var kaufenbutton = '<span style="text-align:center;" class="kaufenbutton">' + document.getElementById('kaufenbutton').innerHTML + '</span>'
							document.getElementById('middle-content-right').innerHTML = "Ohne angemeldet zu sein, k&ouml;nnen Sie <strong>maximal 3 Seiten</strong> von jedem Exemplar lesen. Wenn Sie weiterlesen wollen, registrieren Sie sich bitte, oder loggen sich in Ihr Konto ein. Sie haben dann sofort Zugriff auf den gesamten Inhalt und k&ouml;nnen sich auch gleich eine PDF-Version (sowie andere Formate) per Email anfordern.<br/><br/>" + kaufenbutton 
						}	
						
						if(direction==0){ 
							//es wurde nach hinten geblättert
							var selected = $('#rotate > ul').tabs('option', 'selected')	
						} else {
							//es wurde nach vorne geblättert
							var selected = $('#rotate > ul').tabs('option', 'selected') + 2		
						}
						
						var coverbild = document.getElementById('coverbild').src
						var currentFragment = "fragment-"+selected
						document.getElementById(currentFragment).innerHTML = "<table border='0' width='370'><tr style='height:440px;'><td style='vertical-align: middle;text-align:center;'><img class='coverbild2' src='"+coverbild+"' alt=''></td></tr></table>"		
						document.getElementById('buttons1').style.visibility="hidden" // << >> Buttons ausblenden
						
                  } else {
					//Freiseiten runterzählen und in Cookie schreiben
					
					var temp = parseInt($.cookie("__pwcf3"))
					temp = temp - 1
					$.cookie("__pwcf3", ""+temp, {expires: 100}) 
				 
				  }
				  
            }
        
       }