$(document).ready(
	function() {

		$("p.guzik").click(
			function() {
				$(this).parent("div").next("div").slideToggle(
					"slow",
					function() {
						var el = $(this).prev("div").children("p.guzik");
						if(el.text() == "rozwiń") {
							el.text("zwiń");
							el.next("img").attr({src: "./img/kwadrat_gora.png"});
						}
						else {
							el.text("rozwiń");
							el.next("img").attr({src: "./img/kwadrat_dol.png"});
						}
					}
				);	
			}
		);
		
		$("p.guzik").mouseover(
			function() {
				$(this).css("cursor", "pointer");
			}
		);
	
		$("img.kwadrat_guzik").click(
			function() {
				$(this).parent("div").next("div").slideToggle(
					"slow",
					function() {
						var el = $(this).prev("div").children("p.guzik");
						if(el.text() == "rozwiń") {
							el.text("zwiń");
							el.next("img").attr({src: "./img/kwadrat_gora.png"});
						}
						else {
							el.text("rozwiń");
							el.next("img").attr({src: "./img/kwadrat_dol.png"});
						}
					}
				);	
			}
		);
		
		$("img.kwadrat_guzik").mouseover(
			function() {
				$(this).css("cursor", "pointer");
			}
		);

    $("div#czat_czat").pngFix();
    $("div#czat_res").pngFix();
    $("div#czat_okrag").pngFix();
    $("div.prostokat").pngFix();
    $("div#gwiazdka").pngFix();
		$("div#paski_1").pngFix();
		$("div#paski_2").pngFix();
      
	}
);