// JavaScript Document
function loadOddzialy(){
	var div = $("#mapa");
		
	var elblag = ce('div');
	elblag.addClass('miasto').css({'top' : '33px', 'left' : '168px', 'width' :  '30px'}).attr('m',"#el");
	elblag.html("Elbląg");
	var e_tel = ce('div');
	e_tel.addClass("adres").css({'top' : '30px', 'left' : '55px'}).attr('id','el');
	e_tel.html("tel. (55) <span>619 40 64</span>");
	
	var olsztyn = ce('div');
	olsztyn.addClass('miasto').css({'top' : '48px', 'left' : '198px', 'width' :  '40px'}).attr('m',"#ols");
	olsztyn.html("Olsztyn");
	var o_tel = ce('div');
	o_tel.addClass("adres").css({'top' : '48px', 'left' : '80px'}).attr('id','ols');
	o_tel.html("tel. (89) <span>67 49 008</span>");
	
	var plock = ce('div');
	plock.addClass('miasto').css({'top' : '101px', 'left' : '179px', 'width' :  '30px'}).attr('m',"#plo");
	plock.html("Płock");
	var p_tel = ce('div');
	p_tel.addClass("adres").css({'top' : '95px', 'left' : '60px'}).attr('id','plo');
	p_tel.html("tel. (24) <span>36 23 050</span>");
			
	var wloclawek = ce('div');
	wloclawek.addClass('miasto').css({'top' : '110px', 'left' : '120px', 'width' :  '30px'}).attr('m',"#wlo");
	wloclawek.html("Włocławek");
	var w_tel = ce('div');
	w_tel.addClass("adres").css({'top' : '105px', 'left' : '17px'}).attr('id','wlo');
	w_tel.html("tel. (54) <span>42 99 005</span>");
	
	var torun = ce('div');
	torun.addClass('miasto').css({'top' : '84px', 'left' : '140px', 'width' :  '30px'}).attr('m',"#tor");
	torun.html("Toruń");
	var t_tel = ce('div');
	t_tel.addClass("adres").css({'top' : '81px', 'left' : '25px'}).attr('id','tor');
	t_tel.html("tel. (56) <span>47 71 015</span>");
	
	var bydgoszcz = ce('div');
	bydgoszcz.addClass('miasto').css({'top' : '71px', 'left' : '127px', 'width' :  '30px'}).attr('m',"#byd");
	bydgoszcz.html("Budgoszcz");
	var b_tel = ce('div');
	b_tel.addClass("adres").css({'top' : '70px', 'left' : '8px'}).attr('id','byd');
	b_tel.html("tel. (54) <span>56 99 027</span>");
	
	var slupsk = ce('div');
	slupsk.addClass('miasto').css({'top' : '18px', 'left' : '100px', 'width' :  '30px'}).attr('m',"#sl");
	slupsk.html("Słupsk");
	var s_tel = ce('div');
	s_tel.addClass("adres").css({'top' : '0px', 'left' : '0px'}).attr('id','sl');
	s_tel.html("tel. (59) <span>72 78 044</span>");
	
	var koszalin = ce('div');
	koszalin.addClass('miasto').css({'top' : '32px', 'left' : '75px', 'width' :  '30px'}).attr('m',"#ko");
	koszalin.html("Koszalin");
	var k_tel = ce('div');
	k_tel.addClass("adres").css({'top' : '8px', 'left' : '0px'}).attr('id','ko');
	k_tel.html("tel. (94) <span>71 79 024</span>");
	
	var warszawa = ce('div');
	warszawa.addClass('miasto').css({'top' : '118px', 'left' : '208px', 'width' :  '30px'}).attr('m',"#ww");
	warszawa.html("Warszawa");
	var ww_tel = ce('div');
	ww_tel.addClass("adres").css({'top' : '115px', 'left' : '93px'}).attr('id','ww');
	ww_tel.html("tel. (22) <span>34 99 201</span>");
	
		
	div.append(elblag).append(e_tel).append(olsztyn).append(o_tel).append(plock).append(p_tel).append(wloclawek).append(w_tel).append(torun).append(t_tel).append(bydgoszcz).append(b_tel).append(slupsk).append(s_tel).append(koszalin).append(k_tel).append(warszawa).append(ww_tel);
	
	$(".miasto").hover(
		function(){
			$($(this).attr('m')).fadeIn(200);
		},function(){
			$($(this).attr('m')).fadeOut(200);
		}
	);
	
}

$(document).ready(function(){
	loadOddzialy();
});