// Autor: Jan Reeh

$(document).ready(function() {
    $("a.zoom").fancybox({ 
        'titlePosition': 'over', 
        'onComplete': function () {
            $("#fancybox-wrap").hover(function () {
                $("#fancybox-title").show();
            }, function () {
                $("#fancybox-title").hide();
            });
        }
    });
    $("a.zoom1").fancybox({ 'overlayOpacity': 0.7, 'overlayColor': '#FFF' });
    $("a.zoom2").fancybox({ 'zoomSpeedIn': 500, 'zoomSpeedOut': 500 });
    // najdu vsechny divy co maji parametr class=button a navazu na to udalost click
    $('div[class=button]').click(function() {
        // najdu vsechny divy co maji parametr class=roller, parametr [i] ruzny od parametru i rolleru, 
        // ktery najdu v divu this na ktery jsem kliknul a navic je visible
        // a nakonec vsechny nalezene slidenu (to znamena ze schovam vsechny uz zobrazene rollery,
        // ale nemuzu schovat ten co uz je visible, protoze bych do hned pod tim dalsim slideToggle zobrazil
        $('div[class=roller][i!=' + $(this).find('div[class=roller]').attr('i') + ']:visible').slideToggle(600);
        // no a aktualni roller v divu this zobrazim (v pripade ze klikam znova na ten samy, tak zase zajede
        // protoze jsem ho v minulem kroku nezapocital do vyhledavani ... [i!=' + $(this).find('div[class=roller]').attr('i') + ']
        $(this).find('div[class=roller]').slideToggle(600);
    });
    
});