var tempX 
    var tempY

  document.onmousemove =function getMouseXY(e) {
    if (document.getElementById("progress") != null) {
        e = e || window.event;
        var cursor = { x: 0, y: 0 };
        if (e.pageX || e.pageY) {
            tempX = e.pageX;
            tempY = e.pageY;
        }
        else {
            tempX = e.clientX +
            (document.documentElement.scrollLeft ||
            document.body.scrollLeft) -
            document.documentElement.clientLeft;
            tempY = e.clientY +
            (document.documentElement.scrollTop ||
            document.body.scrollTop) -
            document.documentElement.clientTop;
        }
        
            document.getElementById('progress').style.top = tempY +20 + "px";
            document.getElementById('progress').style.left = tempX + 20 + "px";
        }
    }
    
   

    
    function progressbar()
    {
    
         //   var okienko = document .createElement ("div");
          //  okienko.setAttribute ("id","progress");
            
            //var img = document .createElement("img");
           // img.setAttribute ("id","img_prog");
            //img.setAttribute ("src","../images/loading.gif");
            
           // okienko.appendChild (img)
           // document.body.appendChild (okienko )
                     

    }
	
	///////////////////// powiekszanie zdjecia ///////////////////////
	
	function pokaz_duze_zdjecie(urlZdjecie)
	{
	    var H = screen.height + "px";
	    var W = screen.width + "px";
		var cale_okno_czarne = document.createElement ("div");
		cale_okno_czarne.setAttribute("id","cale_okno_czarne");
		document.body.appendChild(cale_okno_czarne);
		
		document.getElementById('cale_okno_czarne').style.height = H;
		document.getElementById('cale_okno_czarne').style.width = W;
		
		var okno_zdjecie = document.createElement ("div");
		okno_zdjecie.setAttribute("id","okno_zdjecie");
		document.body.appendChild(okno_zdjecie);
		
		var zamknij_okno_zdjecie = document.createElement("div"); //tworzenie div
		zamknij_okno_zdjecie.setAttribute("id","zamknij_okno_zdjecie");
		okno_zdjecie.appendChild(zamknij_okno_zdjecie);//dodawanie zamknij do okienka

		
		var bt_zamknij_zdjecie = document.createElement ("input");
		bt_zamknij_zdjecie.setAttribute("onclick", "usuwanie_okna('cale_okno_czarne'); usuwanie_okna('okno_zdjecie');");
		bt_zamknij_zdjecie.setAttribute("type","button");
		bt_zamknij_zdjecie.setAttribute("title","zamknij okno");
		bt_zamknij_zdjecie.setAttribute("value","X");
		zamknij_okno_zdjecie.appendChild(bt_zamknij_zdjecie);
		
		var zdjecie = document.createElement("div"); //tworzenie div
		zdjecie.setAttribute("id","zdjecie");
		okno_zdjecie.appendChild(zdjecie);//dodawanie zamknij do okienka

		
		var nowe_zdjecie = document.createElement ("img");
		nowe_zdjecie.setAttribute("src",urlZdjecie);
		zdjecie.appendChild(nowe_zdjecie);
		
		
	
	}
	///////////////usuwanie powiekszonego zdjecia //////////////////
	
		function usuwanie_okna(text)
	{
		var okno_zdjecie = document.getElementById(text)
		okno_zdjecie.parentNode.removeChild(okno_zdjecie);
		
	}
	function create_poprawka(text, funkcje) {
	    if (document.getElementById("okienko_poprawka") != null) {
	    usuwanie_okna("okienko_poprawka");}
	    var okienko = document.createElement("div");
	    okienko.setAttribute("id", "okienko_poprawka");

	    var okienko_tekst = document.createElement("div");
	    okienko_tekst.setAttribute("id", "okienko_tekst");

	    // var tekst = document.createTextNode();
	    okienko_tekst.innerHTML = text;

	    var okienko_przycisk = document.createElement("div");
	    okienko_przycisk.setAttribute("id", "okienko_przycisk");

	    //tworzy przycisk
	    var przycisk = document.createElement("input");
	    przycisk.setAttribute("id", "przycisk");
	    przycisk.setAttribute("type", "button");
	    przycisk.setAttribute("value", "OK");
	    przycisk.setAttribute("onclick", funkcje);
	    przycisk.setAttribute("class", "przycisk_2");

	    okienko_przycisk.appendChild(przycisk);

	    okienko.appendChild(okienko_tekst);
	    okienko.appendChild(okienko_przycisk);

	    document.body.appendChild(okienko);
	
	    document.getElementById('okienko_poprawka').style.top = tempY + "px";
	    document.getElementById('okienko_poprawka').style.left = tempX - 250 + "px";
	}

	function create_alert(text, funkcje) {
	    var okienko = document.createElement("div");
	    okienko.setAttribute("id", "okienko_info");

	    var okienko_tekst = document.createElement("div");
	    okienko_tekst.setAttribute("id", "okienko_tekst");

	   // var tekst = document.createTextNode();
	    okienko_tekst.innerHTML=text;

	    var okienko_przycisk = document.createElement("div");
	    okienko_przycisk.setAttribute("id", "okienko_przycisk");

	    //tworzy przycisk
	    var przycisk = document.createElement("input");
	    przycisk.setAttribute("id", "przycisk");
	    przycisk.setAttribute("type", "button");
	    przycisk.setAttribute("value", "OK");
	    przycisk.setAttribute("onclick", funkcje);
	    przycisk.setAttribute("class", "przycisk_2");

	    okienko_przycisk.appendChild(przycisk);

	    okienko.appendChild(okienko_tekst);
	    okienko.appendChild(okienko_przycisk);

	    document.body.appendChild(okienko);
	}
	//////////////wygenerowny zawodnik./////////////////////

	function pokaz_wygenerowanego_zawodnika(imie, nazwisko, narodowosc, dyscyplina, url, opis) {
	   var H = screen.height +600;
	    var W = screen.width +"px";
	    var cale_okno_czarne = document.createElement("div");
	    cale_okno_czarne.setAttribute("id", "cale_okno_czarne");
	    document.body.appendChild(cale_okno_czarne);

	    

	    var okno_tekst = document.createElement("div");
	    okno_tekst.setAttribute("id", "okno_tekst");
	    okno_tekst.innerHTML = "<div id=" + "dane" + ">Imię:" + imie + "<br />Nazwisko: " + nazwisko + "<br />Narodowość: " + narodowosc + "<br />Dyscyplina: " + dyscyplina + "<br /></div><div id=" + "zdjecie_zawodnika" + "><img width =" + "250px" + " src=" + url + " height=" + "376px" + " /></div><div id=" + "opis_zawodnika_main"+"><div id=" + "opis_zawodnika" + ">" + opis + "</div><div id=" + "pasek_f" + "></div></div>";

	    var zamknij_okno_tekst = document.createElement("div"); //tworzenie div
	    zamknij_okno_tekst.setAttribute("id", "zamknij_okno_tekst");
	    okno_tekst.appendChild(zamknij_okno_tekst); //dodawanie zamknij do okienka


	    var bt_zamknij_tekst = document.createElement("input");
	    bt_zamknij_tekst.setAttribute("onclick", "usuwanie_okna('cale_okno_czarne'); usuwanie_okna('okno_tekst');");
	    bt_zamknij_tekst.setAttribute("type", "button");
	    bt_zamknij_tekst.setAttribute("title", "zamknij okno");
	    bt_zamknij_tekst.setAttribute("value", "X");
	    bt_zamknij_tekst.setAttribute("class", "przycisk_2");
	    zamknij_okno_tekst.appendChild(bt_zamknij_tekst);

	    document.body.appendChild(okno_tekst);

	     if (document.getElementById('okno_tekst').offsetHeight > H ) {
	    H = document.getElementById('okno_tekst').offsetHeight +200+ "px";
	   }
	  
	 document.getElementById('cale_okno_czarne').style.height = H + "px";
	 document.getElementById('cale_okno_czarne').style.width = W;

	}