/*
Obsługa galerii serwisu www.osada-sobel.pl
(c) TRANGO TOWER 2006
Rafał Cichy-Choroniewski
*/
function $ (id)
	{
   	return document.getElementById (id);
	}
function galeria ()
	{
		$ ('galeriaO').onclick = odslon;
		
		miniaturyO = $('galeriaOsada').getElementsByTagName ('img');
		for (i=0; i<miniaturyO.length; i++)
			{
				miniaturyO[i].onclick = rzutnik;
				miniaturyO[i].style.cursor = 'pointer';
			}
			
		$ ('galeriaW').onclick = odslon;

		miniaturyW = $('galeriaWiecej').getElementsByTagName ('img');
		for (i=0; i<miniaturyW.length; i++)
			{
				miniaturyW[i].onclick = rzutnik;
				miniaturyW[i].style.cursor = 'pointer';
			}
			
		$ ('galeriaR').onclick = odslon;			
		
		miniaturyR = $('galeriaRyby').getElementsByTagName ('img');
		for (i=0; i<miniaturyR.length; i++)
			{
				miniaturyR[i].onclick = rzutnik;
				miniaturyR[i].style.cursor = 'pointer';
			}
			
		$ ('galeriaW').style.cursor = 'pointer';
		$ ('galeriaR').style.cursor = 'pointer';
		$ ('chwila').style.display = 'none';
	}
function odslon ()
	{
		switch (this.id)
			{
				case 'galeriaO':
					$ ('galeriaWiecej').style.display = 'none';
					$ ('galeriaRyby').style.display = 'none';
					$ ('galeriaOsada').style.display = 'inline';
					$ ('galeriaO').style.cursor = 'default';
					$ ('galeriaW').style.cursor = 'pointer';
					$ ('galeriaR').style.cursor = 'pointer';
				break;
				case 'galeriaW':
					$ ('galeriaOsada').style.display = 'none';
					$ ('galeriaRyby').style.display = 'none';
					$ ('galeriaWiecej').style.display = 'inline';
					$ ('galeriaW').style.cursor = 'default';
					$ ('galeriaO').style.cursor = 'pointer';
					$ ('galeriaR').style.cursor = 'pointer';										
				break;
				case 'galeriaR':
					$ ('galeriaOsada').style.display = 'none';
					$ ('galeriaWiecej').style.display = 'none';
					$ ('galeriaRyby').style.display = 'inline';
					$ ('galeriaR').style.cursor = 'default';
					$ ('galeriaO').style.cursor = 'pointer';
					$ ('galeriaW').style.cursor = 'pointer';									
				break;								
			}
	}

poprzedni = false;
nastepny = false;
function rzutnik ()
	{
		switch (this.id)
			{
				case 'dalej':
					obrazekMaly = nastepny;
					break;
				case 'wstecz':
					obrazekMaly = poprzedni;
					break;
				default:
					obrazekMaly = this.src;
			}
				
		var zamien = new RegExp("-m\.jpg",'gi');
		var obrazekDuzy = obrazekMaly.replace(zamien,"\.jpg");

		var jest = false;
		poprzedni = false;
		nastepny = false;
		
		for (i=0; i<miniaturyO.length; i++)
			{
				if (obrazekMaly == miniaturyO[i].src)
					{
						if (i-1 >= 0) poprzedni = miniaturyO[i-1].src;
						if (i+1 < miniaturyO.length) nastepny = miniaturyO[i+1].src;
						jest = true;
						break;
					}
			}
		for (i=0; i<miniaturyW.length && !jest; i++)
			{
				if (obrazekMaly == miniaturyW[i].src)
					{
						if (i-1 >= 0) poprzedni = miniaturyW[i-1].src;
						if (i+1 < miniaturyW.length) nastepny = miniaturyW[i+1].src;
						jest = true;
						break;
					}
			}
		for (i=0; i<miniaturyR.length && !jest; i++)
			{
				if (obrazekMaly == miniaturyR[i].src)
					{
						if (i-1 >= 0) poprzedni = miniaturyR[i-1].src;
						if (i+1 < miniaturyR.length) nastepny = miniaturyR[i+1].src;
						break;
					}
			}					

		if (document.createElement && !$('ekran'))
      	{
         	var ekran = document.createElement('div');
         	ekran.id = 'ekran';
         	if ($(ekran.id)){return};
         	ekran.onclick = function(){$('blejtram').removeChild($(ekran.id));nastepny=poprzedni=false;};
         	ekran.setAttribute ('title','Kliknij aby zamkn±ć');
         	
         	with (ekran.style)
            	{
	            	position = 'absolute';
	            	left = '0px';
               	top = '71px';
               	width = '740px';
						minHeight = '353px';
               	paddingTop = '45px';
               	paddingBottom = '55px';
               	border = '1px solid #bbb';
               	backgroundColor = '#fff';
               	cursor = 'pointer';
            	}
            
         	document.body.appendChild(ekran);
         	var tu = $('stojak');
				tu.parentNode.insertBefore (ekran, tu);
      	}
      if (poprzedni)
   		{
	   		wstecz = '<div id="wstecz" title="poprzednie" style="color:#666;font-style:italic;position:absolute;top:10px;left:220px;">&lt;&lt; poprzednie</div>';
   		}
   	 else
   	 	{
	   	 	wstecz = '';
   	 	}
      if (nastepny)
      	{
	      	dalej = '<div id="dalej" title="następne" style="color:#666;font-style:italic;position:absolute;top:10px;left:445px;">następne &gt;&gt;</div>'
      	}
       else
       	{
	       	dalej = '';
       	}
      $('ekran').innerHTML = '<div id="powrot" title="powrót" style="color:#666;font-style:italic;position:absolute;top:10px;left:17px;">powrót do galerii</div>'
      							+ wstecz
      							+ dalej
                           + '<img src="' + obrazekDuzy + '" />';
		if (poprzedni) $('wstecz').onclick = rzutnik;
		if (nastepny) $('dalej').onclick = rzutnik;
	}