function addEvent(obj, type, fn) {
		if (obj.addEventListener) {
			obj.addEventListener(type, fn, false);
		} else if (obj.attachEvent) {
			obj["e"+type+fn] = fn;
			obj[type+fn] = function() {obj["e"+type+fn](window.event); }
			obj.attachEvent("on"+type, obj[type+fn]);
		}
}

//Ukrywanie "opiekuna" 

function hidden(){
	document.getElementById("start_el").style.display = "none";
	
	(e.preventDefault) ? e.preventDefault() : (e.returnValue = false);
}

function del_el(e) {
	document.getElementById("start_el").style.display = "none";
	
	(e.preventDefault) ? e.preventDefault() : (e.returnValue = false);
}

function add_el(e) {	
	document.getElementById("start_el").style.display = "table-row";
	
	(e.preventDefault) ? e.preventDefault() : (e.returnValue = false);
}

//Ograniczenie ilości znakow w textarea 

function zliczaj_znaki() {

	if(document.getElementById("tale").value.length<1501){
	
		a=document.getElementById("tale").value.length;
		b=1500;
		c=b-a;
	
		document.getElementById("znak").value=c;
	
	}else {
		alert('Przekroczono dozwoloną ilość znaków!');
	}	
	(e.preventDefault) ? e.preventDefault() : (e.returnValue = false);
}	

// Ograniczenie ilości znakow w krotkiej historii 	

function zliczaj_znaki_2() {

	if(document.getElementById("sh_tale").value.length<61){
	
		document.getElementById("sh_tale").value.length;
	
	}else {
		alert('Przekroczono dozwoloną ilość znaków!');
	}	
	(e.preventDefault) ? e.preventDefault() : (e.returnValue = false);
}

// Kroki w formularzu

function steps(){
	document.getElementById("menu").style.display = "block";
	document.getElementById("next_step_1").className = "active";
	document.getElementById("step_2").style.display = "none";
	document.getElementById("step_3").style.display = "none";
	
	(e.preventDefault) ? e.preventDefault() : (e.returnValue = false);
}

function step_1(){
	document.getElementById("step_1").style.display = "block";
	document.getElementById("step_2").style.display = "none";
	document.getElementById("step_3").style.display = "none";
	document.getElementById("next_step_1").className = "active";
	document.getElementById("next_step_2").className = "";
	document.getElementById("next_step_3").className = "";
	
	(e.preventDefault) ? e.preventDefault() : (e.returnValue = false);
}

function step_2(){
	document.getElementById("step_1").style.display = "none";
	document.getElementById("step_2").style.display = "block";
	document.getElementById("step_3").style.display = "none";
	document.getElementById("next_step_1").className = "";
	document.getElementById("next_step_2").className = "active";
	document.getElementById("next_step_3").className = "";
	
	(e.preventDefault) ? e.preventDefault() : (e.returnValue = false);
}

function step_3(){
	document.getElementById("step_1").style.display = "none";
	document.getElementById("step_2").style.display = "none";
	document.getElementById("step_3").style.display = "block";
	document.getElementById("next_step_1").className = "";
	document.getElementById("next_step_2").className = "";
	document.getElementById("next_step_3").className = "active";
	
	(e.preventDefault) ? e.preventDefault() : (e.returnValue = false);
}

//Wywoływanie funkcji

function startMagic()  {
	addEvent(document.getElementById("start_2"), "focus", add_el);
	addEvent(document.getElementById("start_1"), "focus", del_el);
	addEvent(document.getElementById("next_step_1"), "click", step_1);
	addEvent(document.getElementById("next_step_2"), "click", step_2);
	addEvent(document.getElementById("next_step_3"), "click", step_3);
	addEvent(document.getElementById("tale"), "keyup", zliczaj_znaki);
	addEvent(document.getElementById("sh_tale"), "keyup", zliczaj_znaki_2);
}		

//Funkcje przy otwieraniu strony 

addEvent(window, "load", startMagic);
addEvent(window, "load", hidden);
addEvent(window, "load", steps);