// $Id: lookup.js 395 2010-05-17 07:31:23Z johan $
// vim:fileencoding=utf-8

 // Digitale Plantenatlas Economisch gebruik
 // @author J.Ph. Kelders
 // @version 1.0 (2010)
 // @copyright Copyright (c) 2010, Rijksuniversiteit Groningen

$(document).ready(function() {

    // list expansie in details scherm - blijvend na click
    $('#content td.expand button').css('display', 'inline');
    $('span.expand').css('display', 'inline');
    
    $('#content td.expand button').click( function() {
        if ( $(this).text() == '+') {
            $prevTD = $(this).parent().prev();
            $prevTD.find('li').removeClass('notfirst');
            $prevTD.find('ul').css('color','navy');
            $prevTD.find('span').hide();
            $(this).text('-');
        } else {
            $prevTD = $(this).parent().prev();
            $prevTD.find('li:first-child').siblings().addClass('notfirst');
            $prevTD.find('ul').css('color','black');
            $prevTD.find('span').show();
            $(this).text('+');
        }
    });

    $('dl.detailed dd li').click( function() {
        $(this).removeClass('notfirst');
        $(this).parent().css('color','navy');
        $(this).siblings().removeClass('notfirst');
        $(this).parent().find('span').hide();
    });


    // autocomplete events
    $('#lu_family'  ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'family' } });
    $('#lu_genus'   ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'genus'  } });
    $('#lu_species' ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'species'} });
    $('#lu_pha'     ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'pha'    } });
    $('#lu_en'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'en'     } });
    $('#lu_de'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'de'     } });
    $('#lu_nl'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'nl'     } });
    $('#lu_es'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'es'     } });
    $('#lu_fr'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'fr'     } });
    $('#lu_tr'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'tr'     } });
    $('#lu_ar'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'ar'     } });
    $('#lu_art'     ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'art'    } });
    $('#lu_sa'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'sa'     } });
    $('#lu_hi'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'hi'     } });
    $('#lu_ml'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'ml'     } });
    $('#lu_zh'      ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'zh'     } });
    $('#lu_pin'     ).autocomplete('lookup.php', { minChars:3, max:0, extraParams:{name:'pin'    } });

    // help popups attributen
    $('#lu_helppsel').change(function () {
        var nr = $(this).attr('value');
        var lang = $(this).attr('lang');
        var divExists = false;
        $.get("lookup.php", { nr: nr, lang: lang }, function(data) {
            $('#helppart').each(function() {divExists = true;});
            if (!divExists) {
                if (nr > 0) {
                    $('#hbtn').after('<div id="helppart"></div>');
                    $('#helppart').hide();
                }
            }
            /* non-animated */
            if (nr > 0) {
                $('#helppart').html(data).show();
                //$('#helppart').show();
                $('#hclose').click(function () {
                    $('#helppart').remove();
                    $("#lu_helppsel option[value='0']").attr('selected', 'selected');
                });
            } else {
                $('#helppart').remove();
                $("#lu_helppsel option[value='0']").attr('selected', 'selected');
            }
        });

    });
    
});