{
"person": {
"sex_icon": "images/female.png",
 "sex": "female",

<a href="kalina?lang=fr;templ=templj;m=P;v=joanna">Joanna</a>
<a href="kalina?lang=fr;templ=templj;m=N;v=suska">Suska</a>
<span class="person-occ">(0)</span>
</h1>
}


<!-- $Id: menubar.txt,v 1.0 2013/03/15 15:53:12 flh Exp $ -->

<div id="menuBarBox">
<ul id="menuBar">
<li class="person on">
<a href="kalina?lang=fr;templ=templj;i=1221" alt="Personne" title="Personne">
<span class="text">bouton fiche</span>
</a>
</li>



<li class="liste ">
<a href="kalina?lang=fr;templ=templj;m=A;i=1221" alt="Ascendants et descendants" title="Ascendants et descendants">
<span class="text">bouton listes et états</span>
</a>
<div>
<ul>
<li><a href="kalina?lang=fr;templ=templj;m=A;i=1221">Ascendants</a></li>

</ul>
</div>
</li>

<li class="parente ">
<a href="kalina?lang=fr;templ=templj;m=R;i=1221" accesskey="R" alt="Parenté" title="Parenté">
<span class="text">bouton parenté</span>
</a>
<div>
<ul>

<li class="menubar_separateur">&nbsp;</li>

</ul>
</div>
</li>

<li class="misc ">
<a href="javascript:;" alt="Divers" title="Divers">
<span class="text">bouton misc</span>
</a>
<div>
<ul>

<li>
<a href="kalina?lang=fr;templ=templj;iz=1221;i=1221">
Navigation avec Joanna Suska  comme référence Sosa.
</a>
</li>
<li>
<a href="kalina?lang=fr;templ=templj;i=1220">
Frère précédent</a>
</li>
<li>
<a href="kalina?lang=fr;templ=templj;i=1222">
Frère suivant</a>
</li>
</ul>
</div>
</li>

<li class="search">
<form id="form-person" method="get" action="kalina" _lpchecked="1">
<div>
<input type="hidden" name="templ" value="templx">
<input type="hidden" name="m" value="NG">
<input type="hidden" name="fn" value="">
<input type="hidden" name="sn" value="">
<input type="text" name="n" placeholder="Imię oficjalne, Alias  ..." size="30" maxlength="200">
<!--<input type="submit" value="Ok">-->
<input type="image" src="images/search-16.png" alt="Submit Form">
</div>
</form>
</li>

</ul>
</div>

<script type="text/javascript">
$(document).ready(function(){
$("#menuBar > li > div").click(function(){
$("#menuBar > li div.hover").removeClass("hover");
$("#menuBar > li.hover").removeClass("hover");
$("#menuBar > li > div li").removeClass("hover");
$(this).parent().toggleClass("hover");
$(this).toggleClass("hover");
return false;
});

$("#menuBar > li.misc > a").click(function(){
$("#menuBar > li div.hover").removeClass("hover");
$("#menuBar > li.hover").removeClass("hover");
$("#menuBar > li > div li").removeClass("hover");
$(this).parent().toggleClass("hover");
$(this).parent().children("div").toggleClass("hover");
return false;
});

$("#menuBar > li.liste > a").click(function(){
$("#menuBar > li div.hover").removeClass("hover");
$("#menuBar > li.hover").removeClass("hover");
$("#menuBar > li > div li").removeClass("hover");
$(this).parent().toggleClass("hover");
$(this).parent().children("div").toggleClass("hover");
return false;
});

$("#menuBar > li > div li").click(function(){
$("#menuBar > li > div li").removeClass("hover");
$(this).toggleClass("hover");
return false;
});

$("#menuBar > li > div li a").click(function(){
if(typeof ($(this).attr("onclick")) == "undefined" || $(this).attr("onclick") == ""){
window.location = $(this).attr("href");
return false;
}
});

$(document).click(function(){
$("#menuBar > li div.hover").removeClass("hover");
$("#menuBar > li.hover").removeClass("hover");
$("#menuBar > li > div li").removeClass("hover");
});
});
</script>

<table style="float:right">
<tr>
<td>
<a href="kalina?lang=fr;templ=templj;"><img src="images/up.png" width="24" height="29" 
style="border: 0" alt="^^" title="^^" /></a>
</td>
</tr>
</table>

<h1>
<img width="" height="" src="images/female.png" style="border: none" alt="F" /> <a href="kalina?lang=fr;templ=templj;m=P;v=joanna">Joanna</a>
<a href="kalina?lang=fr;templ=templj;m=N;v=suska">Suska</a>
<span class="person-occ">(0)</span>
</h1>


<div class="personal-info flex-list">
<!--  Portrait -->
<div class="personal-list">
<!--  <h3 class="etat_civil">[etat civil]</h3> -->
<ul>
</ul>
</div>
<div class="tree-button-box">
<div class="tree-button">
<a href="kalina?lang=fr;templ=templj;templ=templx&m=A&i=1221&sosab=99&t=T&image=on&marriage=on&bd=0&color=bgX&evt=on&v=99"><img src="images/asc-tree.png"/></a>
</div>
</div>
</div>
<!-- Parents photo -->

<h3 class="highlight">Parents</h3>
<div class="parents flex-list">
<div class="person">
<div class="person-info info">
<ul>
<li style="vertical-align: middle;list-style-type: disc"><a href="kalina?lang=fr;templ=templj;i=179">Zbigniew Suska</a> </li>
</ul>
</div>
</div>
<div class="person">
<div class="person-info info">
<ul>
<li style="vertical-align: middle;list-style-type: circle"><a href="kalina?lang=fr;templ=templj;i=1219">Marzenna Pietrucha</a> </li>
</ul>
</div>
</div>
</div>
<!--  Union photo -->

<!--  Freres et soeurs simple -->

<h3 class="highlight">
Frères et sœurs
</h3>
<ul>
<li style="vertical-align: middle;list-style-type: circle;"><img width="13" height="13" src="images/male.png" style="border: none" alt="H" /> <a href="kalina?lang=fr;templ=templj;i=1220">Daniel Suska</a></li>
<li style="vertical-align: middle;list-style-type: circle;"><img width="13" height="13" src="images/female.png" style="border: none" alt="F" /> <b>Joanna Suska</b></li>
<li style="vertical-align: middle;list-style-type: circle;"><img width="13" height="13" src="images/male.png" style="border: none" alt="H" /> <a href="kalina?lang=fr;templ=templj;i=1222">Mariusz Suska</a></li>
</ul>

<!--  Relations -->

<!-- notes -->

<div id ="link_pages">
</div>


<p style="clear:both"></p>


<!-- sources -->

<!--  Arbre 3 generations vertical avec photos -->

<h3 class="highlight">Aperçu de l'arbre</h3>
<div style="text-align: center"><table border="0" style="" class="border_color arbre_asc">
<tr>
<td style="vertical-align: top;" id="ancestors">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size: 80%" class="arbre_pers"><a href="kalina?lang=fr;templ=templj;i=161">Wiesław Suska</a></td>
<td>&nbsp;</td>
<td style="font-size: 80%" class="arbre_pers"><a href="kalina?lang=fr;templ=templj;i=177">Lilka x</a></td>
<td>&nbsp;</td>
<td colspan="3" rowspan="4">&nbsp;</td>
</tr>
<tr>
<td class="arbre_separateur"><span>|</span></td>
<td></td>
<td class="arbre_separateur"><span>|</span></td>
<td></td>
</tr>
<tr>
<td align="right">
<hr dir="ltr" width="50%" align="right" /></td>
<td><hr width="100%" /></td>
<td align="left">
<hr dir="ltr" width="50%" align="left" /></td>
<td></td>
</tr>
<tr>
<td></td><td class="arbre_separateur"><span>|</span></td><td></td>
<td></td>
</tr>
<tr>
<td class="arbre_pers" colspan="3"><a href="kalina?lang=fr;templ=templj;i=179">Zbigniew Suska</a></td>
<td>&nbsp;</td>
<td class="arbre_pers" colspan="3"><a href="kalina?lang=fr;templ=templj;i=1219">Marzenna Pietrucha</a></td>
</tr>
<tr>
<td></td><td class="arbre_separateur"><span>|</span></td><td></td>
<td></td>
<td></td><td class="arbre_separateur"><span>|</span></td><td></td>
</tr>
<tr>
<td></td><td align="right">
<hr dir="ltr" width="50%" align="right" /></td>
<td colspan="3"><hr width="100%" /></td>
<td align="left">
<hr dir="ltr" width="50%" align="left" /></td>
</tr>
<tr>
<td colspan="3"></td><td class="arbre_separateur"><span>|</span></td>
<td colspan="3"></td>
</tr>
<tr>
</td><td class="arbre_pers" colspan="7"><b>Joanna Suska</b></td>
</tr>
</table>
</td>
</tr>
</table></div>

<p></p>


<div id="trl" style="clear:both;">
<ul>
<li><a href="kalina?lang=fr;i=1221;">default</a></li>
<li><a href="kalina?lang=fr;templ=templa;i=1221;">templa</a></li>
<li><a href="kalina?lang=fr;templ=templb;i=1221;">templb</a></li>
<li><a href="kalina?lang=fr;templ=templc;i=1221;">templc</a></li>
<li><a href="kalina?lang=fr;templ=templd;i=1221;">templd</a></li>
<li><a href="kalina?lang=fr;templ=templf;i=1221;">templf</a></li>
<li><a href="kalina?lang=fr;templ=templh;i=1221;">templh</a></li>
<li><a href="kalina?lang=fr;templ=templm;i=1221;">templm</a></li>
<li><a href="kalina?lang=fr;templ=templ502;i=1221;">templ502</a></li>
<li><a href="kalina?lang=fr;templ=templx;i=1221;">templx</a></li>
<li><a href="kalina?lang=fr;templ=templj;i=1221;">templj</a></li>
</ul>
</div>
<div id="footer">
<br />
<hr />
<div>
<em>
<a href="http://opensource.geneanet.org/projects/geneweb/" target="_blank">
<img src="images/logo_bas.png" 
style="vertical-align: middle; border: 0" 
alt="GeneWeb" title="GeneWeb" /></a> Version 6.08  Copyright &copy; 1998-2013 </em><br />
</div>
</div>

</div> </body>
</html>