//przyklad wywolwania => Zoomify.Animacja( '#000000', 55, '#FFFFFF', 1, [ [ 800, 400, 'Tytuł planu', 'plany/0333' ], [ 900, 600, 'Tytuł planu', 'plany/0334' ] ] );

var Zoomify = {

	gorny_margines: 150,
	gorny_odstep: 30,
	kolor_tla: '#000000',
	wartosc_przezroczystnosci_tla: 0,
	kolor_ekranu: '#FFFFFF',
	rozpocznij_od_pozycji: 0,
	tablica_obiektow_do_wczytania: [ ],
	
	/***************************************************************************************************/
	
	WymiaryOkna:function( ) {
	
	if (window.innerHeight && window.scrollMaxY) {	
				xScroll = window.innerWidth + window.scrollMaxX;
				yScroll = window.innerHeight + window.scrollMaxY;
			} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
				xScroll = document.body.scrollWidth;
				yScroll = document.body.scrollHeight;
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
				xScroll = document.body.offsetWidth;
				yScroll = document.body.offsetHeight;
			}
			var windowWidth, windowHeight;
			if (self.innerHeight) {	// all except Explorer
				if(document.documentElement.clientWidth){
					windowWidth = document.documentElement.clientWidth; 
				} else {
					windowWidth = self.innerWidth;
				}
				windowHeight = self.innerHeight;
			} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
				windowWidth = document.documentElement.clientWidth;
				windowHeight = document.documentElement.clientHeight;
			} else if (document.body) { // other Explorers
				windowWidth = document.body.clientWidth;
				windowHeight = document.body.clientHeight;
			}	
			// for small pages with total height less then height of the viewport
			if(yScroll < windowHeight){
				pageHeight = windowHeight;
			} else { 
				pageHeight = yScroll;
			}
			// for small pages with total width less then width of the viewport
			if(xScroll < windowWidth){	
				pageWidth = xScroll;		
			} else {
				pageWidth = windowWidth;
			}
	
		return [ pageWidth, pageHeight, windowWidth, windowHeight ];
	
	},//WymiaryOkna:function( ) {
	
	
	InicjacjaObiektow:function( ) {
		
		wymiary_okna = this.WymiaryOkna( );
		
		try{
			//tlo
			document.getElementById( "zoomify_animowane_tlo" ).style.backgoundColor = this.kolor_tla;
			document.getElementById( "zoomify_animowane_tlo" ).style.filter = 'Alpha(Opacity:0)';
			document.getElementById( "zoomify_animowane_tlo" ).style.opacity = 0;
			document.getElementById( "zoomify_animowane_tlo" ).style.MozOpacity = 0;
			document.getElementById( "zoomify_animowane_tlo" ).style.display = 'block';
			document.getElementById( "zoomify_animowane_tlo" ).style.visibility = 'visible';
			
			//przezroczyste tlo => wgrywany na nim jest obiekt
			document.getElementById( "zoomify_wgrywana_tresc_na_tlo" ).style.display = 'block';
			document.getElementById( "zoomify_wgrywana_tresc_na_tlo" ).style.visibility = 'visible';
			
			//tlo ekranu
			document.getElementById( "zoomify_animowany_ekran" ).style.backgoundColor = this.kolor_ekranu;
			document.getElementById( "zoomify_animowany_ekran" ).style.filter = 'Alpha(Opacity:0)';
			document.getElementById( "zoomify_animowany_ekran" ).style.opacity = 0;
			document.getElementById( "zoomify_animowany_ekran" ).style.MozOpacity = 0;
			document.getElementById( "zoomify_animowany_ekran" ).style.display = 'block';
			document.getElementById( "zoomify_animowany_ekran" ).style.visibility = 'visible';
			
			//przezroczyste tlo ekranu => wgrywany na nim jest obiekt
			document.getElementById( "zoomify_wgrywana_tresc_na_ekran" ).style.display = 'block';
			document.getElementById( "zoomify_wgrywana_tresc_na_ekran" ).style.visibility = 'visible';
		} catch( blad ) {//try{
							//tlo
							var div1 = document.createElement( "div" );
							div1.setAttribute( "id", "zoomify_animowane_tlo" );
							div1.style.position = "absolute";
							div1.style.display = "block";
							div1.style.overflow = "visible";
							div1.style.top = "0px";
							div1.style.left = "0px";
							div1.style.width = wymiary_okna[ 0 ] + 'px';
							div1.style.height = wymiary_okna[ 1 ] + 'px';
							div1.style.filter = 'Alpha(Opacity:0)';
							div1.style.opacity = 0;
							div1.style.mozOpacity = 0;
							div1.style.backgroundColor = this.kolor_tla;
							div1.style.zIndex = 9996;
							
							//przezroczyste tlo => wgrywany na nim jest obiekt
							var div2 = document.createElement( "div" );
							div2.setAttribute( "id", "zoomify_wgrywana_tresc_na_tlo" );
							div2.style.position = "absolute";
							div2.style.display = "block";
							div2.style.overflow = "visible";
							div2.style.top = "0px";
							div2.style.left = "0px";
							div2.style.width = wymiary_okna[ 0 ] + 'px';
							div2.style.height = wymiary_okna[ 1 ] + 'px';
							div2.style.zIndex = 9997;
							div2.align = "center";
							
							//inicjacja obiektu
							document.getElementsByTagName( "body" ).item( 0 ).appendChild( div1 );
							document.getElementsByTagName( "body" ).item( 0 ).appendChild( div2 );
							
							/******************************************************************************************/
							
							//animowany ekran bialy
							var div3 = document.createElement( "div" );
							div3.setAttribute( "id", "zoomify_animowany_ekran" );
							div3.style.display = "block";
							div3.style.overflow = "visible";
							div3.style.marginTop = this.gorny_margines + "px";
							div3.style.width = "5px";
							div3.style.height = "0px";
							div3.style.backgroundColor = this.kolor_ekranu;
							
							//warstwa na ktora jest wgryany obiekt => ZoomifyViewer
							var div4 = document.createElement( "div" );
							div4.setAttribute( "id", "zoomify_wgrywana_tresc_na_ekran" );
							div4.style.paddingTop = this.gorny_odstep;
							div4.style.display = "block";
							div4.style.overflow = "visible";
							
							//warstwa na ktora jest wgryane przyciski
							var div5 = document.createElement( "div" );
							div5.setAttribute( "id", "zoomify_wgrywane_przyciski_na_ekran" );
							div5.style.marginTop = "15px";
							div5.style.display = "block";
							div5.style.overflow = "visible";
							
							//inicjacia obiektu
							document.getElementById( "zoomify_wgrywana_tresc_na_tlo" ).appendChild( div3 );
							document.getElementById( "zoomify_animowany_ekran" ).appendChild( div4 );
							document.getElementById( "zoomify_animowany_ekran" ).appendChild( div5 );
						}//} catch( blad ) {
	},//InicjacjaObiektow:function( ) {
	
	
	AnimacjaTlaWchodzaca:function( poczatkowa_wartosc_przezroczystosci_tla ) {
		
		var czas_opoznienia = 5;
		var krok = 10;
		
		poczatkowa_wartosc_przezroczystosci_tla += krok;
		
		document.getElementById( "zoomify_animowane_tlo" ).style.backgoundColor = this.kolor_tla;
		document.getElementById( "zoomify_animowane_tlo" ).style.filter = 'Alpha(Opacity:' + poczatkowa_wartosc_przezroczystosci_tla + ')';
		document.getElementById( "zoomify_animowane_tlo" ).style.opacity = poczatkowa_wartosc_przezroczystosci_tla / 100;
		document.getElementById( "zoomify_animowane_tlo" ).style.MozOpacity = poczatkowa_wartosc_przezroczystosci_tla / 100;
		document.getElementById( "zoomify_animowane_tlo" ).style.display = 'block';
		document.getElementById( "zoomify_animowane_tlo" ).style.visibility = 'visible';
		
		if( poczatkowa_wartosc_przezroczystosci_tla <= this.wartosc_przezroczystnosci_tla )
			setTimeout( "Zoomify.AnimacjaTlaWchodzaca( " + poczatkowa_wartosc_przezroczystosci_tla + " )", czas_opoznienia );
				else Zoomify.AnimacjaEkranuPion( 0 );
		
	},//AnimacjaTlaWchodzaca:function( poczatkowa_wartosc_przezroczystosci_tla ) {
	
	
	AnimacjaEkranuPion:function( poczatkowa_wartosc_wysokosci ) {
		
		var czas_opoznienia = 5;
		var krok = 20;
		var odstep = 30;
		
		poczatkowa_wartosc_wysokosci += krok;
		
		document.getElementById( "zoomify_animowany_ekran" ).style.height = poczatkowa_wartosc_wysokosci + 'px';
				
		if( poczatkowa_wartosc_wysokosci <= this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 1 ] + this.gorny_odstep )
			setTimeout( "Zoomify.AnimacjaEkranuPion( " + poczatkowa_wartosc_wysokosci + " )", czas_opoznienia );
				else Zoomify.AnimacjaEkranuPoziom( 5 );
		
	},//AnimacjaEkranuPion:function( poczatkowa_wartosc_wysokosci ) {
	
	
	AnimacjaEkranuPoziom:function( poczatkowa_wartosc_szerokosci ) {
		
		var czas_opoznienia = 2;
		var krok = 20;
		var odstep = 30;
		
		poczatkowa_wartosc_szerokosci += krok;
		
		document.getElementById( "zoomify_animowany_ekran" ).style.width = poczatkowa_wartosc_szerokosci + 'px';
				
		if( poczatkowa_wartosc_szerokosci <= this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 0 ] + this.gorny_odstep  )
			setTimeout( "Zoomify.AnimacjaEkranuPoziom( " + poczatkowa_wartosc_szerokosci + " )", czas_opoznienia );
				else Zoomify.PokazZoomifyViewer( );
		
	},//AnimacjaEkranuPoziom:function( poczatkowa_wartosc_szerokosci ) {
	
	
	PokazZoomifyViewer:function( ) {
		var str = '';
		
		str += '<div style="overflow:visible; width:' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 0 ] + '; height:auto;">';
		str += '<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" WIDTH="' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 0 ] + '" HEIGHT="' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 1 ] + '" ID="theMovie">';
		str += '<PARAM NAME="FlashVars" VALUE="zoomifyImagePath=' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 3 ] + '&zoomifyNavigatorVisible=true">';
		str += '<PARAM NAME="BGCOLOR" VALUE="#ffffff">';
		str += '<PARAM NAME="MENU" VALUE="FALSE">';
		str += '<PARAM NAME="SRC" VALUE="' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 3 ] + '/zoomifyViewer.swf">';
		str += '<EMBED FlashVars="zoomifyImagePath=' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 3 ] + '&zoomifyNavigatorVisible=true" SRC="' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 3 ] + '/zoomifyViewer.swf" BGCOLOR="#ffffff" MENU="false" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"  WIDTH="' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 0 ] + '" HEIGHT="' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 1 ] + '" NAME="theMovie"></EMBED>';
		str += '</OBJECT>';
		str += '</div>';
		
		document.getElementById( 'zoomify_wgrywana_tresc_na_ekran' ).innerHTML = str;
		
		setTimeout( "Zoomify.AnimacjaWchodzacaPrzyciskow( " + ( this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 1 ] + this.gorny_odstep * 2 ) + " )", 2000 );
		
	},//PokazZoomifyViewer:function( ) {
	
	
	ZaminijOkno:function( wartosc_pocztkowa ) {
		
		var czas_opoznienia = 2;
		var krok = 10;
		document.title = 'dddd';
		wartosc_pocztkowa -= krok;
		
		document.getElementById( "zoomify_animowane_tlo" ).style.filter = 'Alpha(Opacity:' + wartosc_pocztkowa + ')';
		document.getElementById( "zoomify_animowane_tlo" ).style.opacity = wartosc_pocztkowa / 100;
		document.getElementById( "zoomify_animowane_tlo" ).style.MozOpacity = wartosc_pocztkowa / 100;
		
		document.getElementById( "zoomify_animowany_ekran" ).style.filter = 'Alpha(Opacity:' + wartosc_pocztkowa + ')';
		document.getElementById( "zoomify_animowany_ekran" ).style.opacity = wartosc_pocztkowa / 100;
		document.getElementById( "zoomify_animowany_ekran" ).style.MozOpacity = wartosc_pocztkowa / 100;
				
		if( wartosc_pocztkowa >= 0 )
			setTimeout( "Zoomify.ZaminijOkno( " + wartosc_pocztkowa + " )", czas_opoznienia );
		
	},//ZaminijOkno:function( wartosc_pocztkowa ) {
	
	
	AnimacjaWchodzacaPrzyciskow:function( wysokosc ) {
		
		var czas_opoznienia = 5;
		var krok = 1;
		var str = '';
		
		wysokosc += krok;
		
		document.getElementById( "zoomify_animowany_ekran" ).style.height = wysokosc + 'px';
				
		if( wysokosc <= ( this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 1 ] + this.gorny_odstep * 2 ) + 30 )
			setTimeout( "Zoomify.AnimacjaWchodzacaPrzyciskow( " + wysokosc + " )", czas_opoznienia );
				else {
						if( this.tablica_obiektow_do_wczytania.length > 1 ) {
							str += '<span onClick="" style="font-size:11px; font-weight:bold;">&nbsp;&laquo;&nbsp;</span>';
							str += '<b style="font-size:10px;">' + ( this.rozpocznij_od_pozycji + 1 ) + '/' + this.tablica_obiektow_do_wczytania.length + '</b>';
							str += '<span onClick="" style="font-size:10px; font-weight:bold;">&nbsp;&raquo;&nbsp;</span>';
							str += '<span style="font-size:10px; font-weight:bold;">' + this.tablica_obiektow_do_wczytania[ this.rozpocznij_od_pozycji ][ 2 ] + '</span>';
							str += '<span onClick="Zoomify.ZaminijOkno( 100 );" style="font-size:10px; font-weight:bold;">&nbsp;Zamknij&nbsp;</span>';
							document.getElementById( 'zoomify_wgrywane_przyciski_na_ekran' ).innerHTML = str;
						} else {//if( this.tablica_obiektow_do_wczytania.length > 1 ) {
							   }//else => if( this.tablica_obiektow_do_wczytania.length > 1 ) {
					 }
		
	},//AnimacjaWchodzacaPrzyciskow:function( wysokosc ) {
	
	
	Animacja:function( kolor_tla, wartosc_przezroczystnosci_tla, kolor_ekranu, rozpocznij_od_pozycji, tablica_obiektow_do_wczytania  ) {
		
		this.kolor_tla = kolor_tla;
		this.wartosc_przezroczystnosci_tla = wartosc_przezroczystnosci_tla;
		this.kolor_ekranu = kolor_ekranu;
		this.rozpocznij_od_pozycji = rozpocznij_od_pozycji;
		this.tablica_obiektow_do_wczytania = tablica_obiektow_do_wczytania;
		
		this.InicjacjaObiektow( );
		this.AnimacjaTlaWchodzaca( 0 );
		
	}//Animacja:function( kolor_tla, wartosc_przezroczystnosci_tla, kolor_ekranu, rozpocznij_od_pozycji, tablica_obiektow_do_wczytania  ) {
}//var Zoomfiy = {