var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();


/* KONEC BROWSER DETECTION */

			
			
			
			
			
			
			var maxOpacity=60;
			
			var loaded;
			var address="script/";		
			var actOpacity=0;
			var actImg;
			var actIr;
			var imageRange;
			var addressRange=new Array();
			
			
			function startImg()
			{
			var blanket=document.getElementById('blanket');
			var width=imageRange[actImg].width+20;
			var height=imageRange[actImg].height+40;
			blanket.style.width=width+'px';
			blanket.style.height=height+'px';
			blanket.style.left=windowWidth()/2-width/2+'px';
			var topPannel=document.createElement('div');
						topPannel.setAttribute('id','top_pannel');
						topPannel.style.textAlign='center';
						topPannel.style.marginRight='10px';
						blanket.appendChild(topPannel);
						
						var larrow=document.createElement('img');
						larrow.setAttribute('id','previous');
						larrow.setAttribute('src',address+'fotogal/leftarrow.gif');
						larrow.style.cursor='pointer';
						larrow.style.position='relative';
						larrow.style.left='30px';
						if(actImg==0) larrow.style.visibility='hidden';
						larrow.onclick=previousImg; 
						topPannel.appendChild(larrow);

						var rarrow=document.createElement('img');
						rarrow.setAttribute('id','next');
						rarrow.setAttribute('src',address+'fotogal/rightarrow.gif');
						rarrow.style.cursor='pointer';
						rarrow.style.position='relative';
						rarrow.style.left='30px';
						if(actImg==addressRange[actIr].length-1) rarrow.style.visibility='hidden';
						rarrow.onclick=nextImg; 
						topPannel.appendChild(rarrow);

						var info=document.createElement('img');
						info.setAttribute('id','info');
						info.setAttribute('src',address+'fotogal/info.gif');
						info.style.cursor='pointer';
						info.style.visibility='hidden';
						info.style.position='relative';
						info.style.left=(width/2-45)+'px';
						//info.onclick=showInfo();
						topPannel.appendChild(info);
						
						var close=document.createElement('img');
						close.setAttribute('id','close');
						close.setAttribute('src',address+'fotogal/close.gif');
						close.style.marginLeft='3px';
						close.style.cursor='pointer';
						close.style.position='relative';
						close.style.left=(width/2-45)+'px';
						close.onclick=closeGalery;
						topPannel.appendChild(close);
						
											
						var mainImg=document.createElement('img');
						mainImg.setAttribute('id','main_img');
						mainImg.setAttribute('src',imageRange[actImg].src);
						mainImg.style.position='relative';
						mainImg.style.marginTop='5px';
						blanket.appendChild(mainImg);
						
			/*
						var btmPannel=document.createElement('div');
						btmPannel.setAttribute('id','btm_pannel');
						btmPannel.style.textAlign='center';
						blanket.appendChild(btmPannel);
				*/
			}

			function replaceImg()
				{
					var blanket=document.getElementById('blanket');
					var mainImg=document.getElementById('main_img');
					var larrow=document.getElementById('previous');
					var rarrow=document.getElementById('next');
					var close=document.getElementById('close');
					var info=document.getElementById('info');
					mainImg.width=imageRange[actImg].width;
					mainImg.height=imageRange[actImg].height;
					width=imageRange[actImg].width+20;
					height=imageRange[actImg].height+40;
					blanket.style.width=width+'px';
					blanket.style.height=height+'px';
					blanket.style.left=windowWidth()/2-width/2+'px';
					mainImg.src=imageRange[actImg].src;

					if(actImg==0) larrow.style.visibility='hidden'; else  larrow.style.visibility='visible';
					if(actImg==addressRange[actIr].length-1) rarrow.style.visibility='hidden'; else  rarrow.style.visibility='visible';
				
					close.style.left=(width/2-45)+'px';
					info.style.left=(width/2-45)+'px';
				}
					
					function previousImg()
					{
						if(actImg>0){
						actImg--;
				 imageRange[actImg]= new Image();
					if(BrowserDetect.browser!='Explorer') imageRange[actImg].src=addressRange[actIr][actImg];
					imageRange[actImg].onload=function() {replaceImg();}
					imageRange[actImg].src=addressRange[actIr][actImg];
						}
					}

					function nextImg()
					{
						if(actImg<addressRange[actIr].length-1){
						actImg++;
					imageRange[actImg]= new Image();
					if(BrowserDetect.browser!='Explorer') imageRange[actImg].src=addressRange[actIr][actImg];
					imageRange[actImg].onload=function(){replaceImg();}
					imageRange[actImg].src=addressRange[actIr][actImg];
						}

					}

			function startBlanket()
			{	
				var blanket=document.createElement('div');
				blanket.setAttribute('id','blanket');
				blanket.style.backgroundColor='#fff';
				blanket.style.zIndex='110';
				blanket.style.textAlign='center';
				blanket.style.position='absolute';
				blanket.style.top='20px';
				document.body.appendChild(blanket);
				startImg();
			}

			function blanketDestroy()
			{
				document.body.removeChild(document.getElementById("blanket"));

			}

			function shadowOpacityUp()
			{
			var shadow=document.getElementById('shadow');
			actOpacity+=10;
			shadow.style.filter='alpha(opacity='+actOpacity+')';
			shadow.style.opacity=actOpacity/100;
			if(actOpacity<maxOpacity) setTimeout('shadowOpacityUp()',10);
			else {
					imageRange[actImg]= new Image();
					if(BrowserDetect.browser!='Explorer') imageRange[actImg].src=addressRange[actIr][actImg];
					imageRange[actImg].onload=function() { startBlanket();	}
					if(BrowserDetect.browser=='Explorer') imageRange[actImg].src=addressRange[actIr][actImg];

			}
			}
			
			function shadowOpacityDown()
			{
			var shadow=document.getElementById('shadow');
			actOpacity-=10;
			shadow.style.filter='alpha(opacity='+actOpacity+')';
			shadow.style.opacity=actOpacity/100;
			if(actOpacity>0) setTimeout('shadowOpacityDown()',10);
			else removeShadow();
			}


			function startShadow()
			{
				var shadow=document.createElement('div');
						shadow.setAttribute('id','shadow');
						shadow.style.zIndex='100';
						shadow.style.backgroundColor='#000';
						shadow.style.opacity='0';
						shadow.style.filter='alpha(opacity=0)';
						shadow.style.position='absolute';
						shadow.style.top='0';
						shadow.style.left='0';
						shadow.style.width='100%';
						shadow.style.height='100%';
						document.body.appendChild(shadow);
				shadowOpacityUp();
			}

			function removeShadow()
			{
				document.body.removeChild(document.getElementById('shadow'));
			}


			function startGalery(imgRan,ai)
			{ 
				imageRange= new Array();	
				loaded=0;
				actImg=ai;
				actIr=imgRan;
				startShadow();
			}

			function closeGalery()
			{
				blanketDestroy();
				shadowOpacityDown();
			}