/*
 * unbit.js - unbit sas - copyright 2010
 */

/*
 * Usare:
 * $(document).ready(function() {
 *   menuSetActive('ul#menu li');
 * });
 * Prende come parametro opzionale un dizionario con i seguenti attributi:
 * - li_elem = stringa del selettore degli elementi li del menu
 * - active_class = la classe da dare agli elementi attivi, default 'active'
 * - follow_parent = booleano per segnare come attivo anche eventuali li padri, default true
 * - match_id = booleano per segnare di beccare anche eventuali cifre oltre al path, default false
 *   es. /progetti/1/ che segni attivo pure /progetti/
 * - broad_match = booleano per segnare di beccare tutti gli href che cominciano con il path, default false
 *   es. /progetti/progettone/ che segni attivo pure /progetti/
 * - href_ignore_parms = booleano per ignorare i parametri GET presenti nell'href del link
 * - cb = callback opzionale che prende come parametri l'href del link, il path chiamato e l'elementi li
 */
function menuSetActive(li_elem, opts) {
    var options = typeof(opts) == 'undefined' ? {} : opts;
    var active_class = typeof(options.active_class) != 'undefined' ? options.active_class : 'active';
    var follow_parent = typeof(options.follow_parent) != 'undefined' ? options.follow_parent : true;
    var match_id = typeof(options.match_id) != 'undefined' ? options.match_id : false;
    var broad_match = typeof(options.broad_match) != 'undefined' ? options.broad_match : false;
    var href_ignore_params = typeof(options.href_ignore_params) != 'undefined' ? options.href_ignore_params : false;

    var path = window.location.pathname;

    $(li_elem).each(function() {
        var href = $(this).children('a').attr('href');
        if (href_ignore_params) {
            href = href.replace(/\?.*$/, '');
        }

        var match_re = '^(/it|/en|/fr)?'+href;
        if (broad_match && href != '/') {
            var match_href_re = new RegExp(match_re+'.*$');
        } else if (match_id) {
            var match_href_re = new RegExp(match_re+'\\d+/$');
        } else {
            var match_href_re = new RegExp(match_re+'$');
        }

        if (path.match(match_href_re)) {
            $(this).attr('class', active_class);
            if (follow_parent) {
                $(this).parent().parent('li').attr('class', active_class);
            }
        } else {
            $(this).attr('class', '');
        }

        if (typeof(cb) != 'undefined') {
            cb(href, path, $(this));
        }
    });
}

/*
 * Usare:
 * redirect("http://unbit.it", 5000);
 * I parametri:
 * - url = url su cui redirigere
 * - timeout = millisecondi dopo i quali redirigere, default 0
 */
function redirect(url, timeout) {
    timeout = typeof(timeout) != 'undefined' ? timeout : 0;

    setTimeout("window.location.replace('"+url+"')", timeout);
}

/*
 * Crea dei tooltip all'hover pigliando il contenuto del tooltip da un 
 * dizionario.
 *
 * Esempio:
 * js:
 * var glossary = {miao: 'Miao miao'};
 * $(document).ready(function() {
 *   uglossary(glossary);
 * });
 * html:
 * <span class="ugl ugl_miao">gatto</span>
 *
 * All'hover su ugl_miao viene aggiunto un nodo in questo formato:
 * <div class="ugl-tip"><h6></h6><span></span></div>
 * dove all'interno dell'h6 trovate il contenuto dello span originale,
 * in questo caso 'gatto', mentre all'interno dello span troverete il contenuto 
 * che avete specificato nel dizionario, in questo caso 'Miao miao'.
 * Il nodo viene visualizzato all'onmouseover tramite fadeIn e nascosto all'onmouseout 
 * con fadeOut.
 */
function uglossary(glossary) {
    $('.ugl').each(function() {
         var classes = $(this).attr('class');
         var key = false;
         var ugl_class_re = /ugl_(.*)/;
         for (var c in classes) {
             var match = ugl_class_re.exec(c);
             if (match) {
                 key = match[1];
                 break;
             }
         }

        /* come il continue in un for */ 
        if (!key)
            return true;

        var title = $(this).text();
        var e = $('<div class="ugl-tip"><h6>'+title+'</h6><span>'+glossary[key]+'</span></div>').hide();
        $(this).append(e);
        $(this).hover(function() {
            $('.ugl-tip', $(this)).stop(true, true).fadeIn('normal');
        }, function() {
            $('.ugl-tip', $(this)).stop(true, true).fadeOut('normal');
        });
    });
}