$(document).ready(function(){
    $("#form").draggable();
	});

function el(id)
{
	return document.getElementById(id);
}

function formularz()
{
	
	// 1 - google chrome
	var str = navigator.userAgent;
	var chrome = 'Chrome';
	
	if(str.search(chrome)!=-1) var przesuniecie = document.body.scrollTop;
	else var przesuniecie = (document.documentElement||document.body).scrollTop;
	
	el('form').style.left = ((screen.width-400)/2)+'px';
	el('form').style.top = (przesuniecie+100)+'px';
	var tresc = '<div style="position:absolute;top:-17px;left:382px;cursor:pointer;"><img src="gfx/exit.png" alt="Wyjście" onclick="exit()" /></div>';
	tresc += '<div style="position:absolute;top:-17px;left:4px;color:#FFF;"><b>Formularz kontaktowy</b></div>';
	tresc += '<div style="font-size:0.8em;margin:10px;border:1px solid #000;padding:5px; background: #FFF;"><div style="height:60px;"><img src="gfx/logo_small.png" alt="CPB" style="float:left; padding: 0px 10px 0px 0px;" /><b>Centrum Promocji Biznesu</b><br />ul. Rejatana 6<br />35-310 Rzeszów<br />tel./fax: (0-17) 852-56-46</div><div><hr /></div>';
	tresc += '<div><form action="" id="formularz" method="post" style="margin:0px"><div>';
	tresc += '<div id="dimie">Imię i nazwisko*:</div><input type="text" name="imie" id="imie" value="" class="out" onfocus="this.className = \'in\'" onblur="this.className = \'out\'" /><br /><br />';
	tresc += '<div id="dfirma">Nazwa firmy:</div><input type="text" name="firma" id="firma" value="" class="out" onfocus="this.className = \'in\'" onblur="this.className = \'out\'" /><br /><br />';
	tresc += '<div id="dmiasto">Miejscowość*:</div><input type="text" name="miasto" id="miasto" value="" class="out" onfocus="this.className = \'in\'" onblur="this.className = \'out\'" /><br /><br />';
	tresc += '<div id="dtel">Telefon*:</div><input type="text" name="tel" id="tel" value="" class="out" onfocus="this.className = \'in\'" onblur="this.className = \'out\'" /><br /><br />';
	tresc += '<div id="demail">Adres e-mail*:</div><input type="text" name="email" id="email" value="" class="out" onfocus="this.className = \'in\'" onblur="this.className = \'out\'" /><br /><br />';
	tresc += '<div id="dtresc">Treść wiadomości*:</div><textarea name="tresc" id="tresc" cols="1" rows="1" class="out" onfocus="this.className = \'in\'" onblur="this.className = \'out\'"></textarea><br /><br />';
	tresc += '<img src="gfx/anuluj.png" style="cursor:pointer" alt="Anuluj" onclick="exit();"/> <img src="gfx/wyslij.png" style="cursor:pointer" alt="Wyślij" onclick="sprawdz_formularz()" /> * - Pola wymagane';
	tresc += '</div></form></div></div>';
	el('form').innerHTML = tresc;
	el('form').style.display = 'block';
/*	window.top.location.href = '#'; */
}

function exit()
{
	el('form').style.display = 'none';
	//window.top.location.href = 'kontakt.html';
}

function email(strona)
{
	alert('Dziękujemy, w najbliższym czasie odpowiemy na Państwa wiadomość');
	window.top.location.href = strona;
}

function sprawdz_formularz()
{	
	var error=0;

	if(!sprawdz_pole('imie',/^[A-Za-z ęóąśłżŸćńĘÓąśŁŻĆŃ-]{5,}$/,'s')) {error=1; el('dimie').innerHTML = 'Wpisz imię i nazwisko <b>TYLKO LITERY</b>';} else {el('imie').className = 'out'; el('dimie').innerHTML = 'Imię i nazwisko*:';}
	if(!sprawdz_pole('miasto',/^[A-Za-z ęóąśłżŸćńĘÓąśŁŻĆŃ-]{3,}$/,'s')) {error=1; el('dmiasto').innerHTML = 'Wpisz miejscowość <b>TYLKO LITERY</b>';} else {el('miasto').className = 'out'; el('dmiasto').innerHTML = 'Miejscowość*:';}
	if(!sprawdz_pole('tel',/^[0-9 \(\)\-]{9,16}$/,'s')) {error=1; el('dtel').innerHTML = 'Wpisz Telefon <b>TYLKO CYFRY i znaki: <i>(</i> <i>)</i> <i>-</i> <i>spacja</i></b>';} else {el('tel').className = 'out'; el('dtel').innerHTML = 'Telefon*:';}
	if(!sprawdz_pole('email',/^[0-9a-z\._-]{3,25}@[0-9a-z\._-]{1,16}\.[a-z]{2,3}$/,'s')) {error=1; el('demail').innerHTML = 'Wpisz poprawny adres e-mail (małe litery)';} else {el('email').className = 'out'; el('demail').innerHTML = 'Adres e-mail*:';}
	if(!sprawdz_pole('tresc',/^[A-Za-z \nęóąśłżŸćńĘÓąśŁŻĆŃ.,:;-]{10,}$/,'s')) {error=1; el('dtresc').innerHTML = 'Wpisz treść <b>TYLKO LITERY i CYFRY</b>';} else {el('tresc').className = 'out'; el('dtresc').innerHTML = 'Treść wiadomości*:';}

	if(error == 0) document.forms['formularz'].submit();
	else return false;
}

function sprawdz_pole(byid, regExp, form) 	// do walidowania formularzy ogolnych wyrazeniami regularnymi
{		
	// byid - id elementu getElementById, regExp - wyrazenie regularne
	var myElement = el(byid);
	var x = new String(myElement.value);
	if(!(regExp.test(x)))
	{
		if(form=='s') myElement.className = 'err';
		return false;
	}
		else
		{
			if(form=='s') myElement.className = 'out';
			return true;
		}
}