/*
 * Funkcja tworzaca graficzne pola checkbox w javascript
 * CSS: .PoleCheck{background:url("images/pole_checkbox_off.jpg");width:20px;height:20px;cursor:pointer;}
 * Obrazki: pole_checkbox_off.jpg i pole_checkbox_on.jpg do folderu images/
 * Dodatki: Aby uzyskac efekt rozwijania pol, nalezy dolaczyc plik mootools.js w wersji 1.2.0
 * Wywolanie w skrypcie: <div id="check2" class="PoleCheck" onclick="PictCheckbox('check2','1');"></div>
 * Wywolanie rozwijania w mootools:
 *      <script type="text/javascript">
	  	var myVerticalSlide = new Fx.Slide("id_warstwy");
		myVerticalSlide.hide();
        </script>
 * @Author: Krzysztof Samelko Wersja zmodyfikowana dla silnet.pl
 * @Version: 1.1
 */

function PictCheckbox(fieldid,id,fieldvalue)
	{
	/*
	FUNKCJA TWORZY GRAFICZNE POLE CHECHBOX
	AUTOR: KRZYSZTOF SAMELKO
	DATA UTWORZENIA: 22-07-2008

	DO WYWOLANIA ANIMACJI PO NACISNIECIU CHECKBOXA POTRZEBNY JEST PLIK mootools.js - http://mootools.net/
	*/

	var checkbox = document.getElementById(fieldid);
	var SprawdzPole = document.getElementById('hidden_checkbox_'+id);
        
	//tworzenie nowej warstwy w ktorej stworzymy dynamicznego hiddena
	if (!SprawdzPole)
		{
	
                checkbox.style.backgroundImage = "url('plugins/g-checkbox/pole_checkbox_on.jpg')";

                if(fieldvalue == '')
                    {fieldvalue = '1';}

		var input = document.createElement('input');

		input.type = "hidden";
		input.name = id;
		input.id = "hidden_checkbox_"+id;
                input.value = fieldvalue;
		document.getElementById(fieldid).appendChild(input);
		}
	else
		{
                if (SprawdzPole.value == '')
			{
			checkbox.style.backgroundImage = "url('plugins/g-checkbox/pole_checkbox_on.jpg')";
			SprawdzPole.value = fieldvalue;
			}
		else
			{
			checkbox.style.backgroundImage = "url('plugins/g-checkbox/pole_checkbox_off.jpg')";
			SprawdzPole.value = '';
			}
		}
	}