// create jQuery plugin called "bogi_gal" 
$j.fn.bogi_gal = function() { 
    if ($j.browser.msie){
        effect='default'
    } else {
        effect='default'
    }
        
    $j(this).overlay({
        effect: effect,
        target: '#jImageListOverlayWidget',
        api:true,
        top:'50%',
        left:'center',
        expose: '#789' 
    });
    $j(this).gallery({
        info: '.auto_info',
        template: '<span>Bild ${index} von ${total}</span>'
    });
    
    // loop through each  
    return this.each(function() { 
        // console.log('i am ', this);
        // get handle to tabs API. 
        jthis=$j(this)
        var rel=jthis.attr('rel');
        // console.log('this is rel:',rel);
        // console.log(result);
        var target_id=parseInt(rel);
        var api=$j(this).overlay();
        func=(function(){
            // console.log('on before load', this,' id=',target_id);
            overlay=api.getOverlay();
            bild = bilderliste[target_id];
            overlay.find('.caption').html(bild.caption);
            overlay.find('.copyright_content').html((bild.copyright==null) ? 'BOGI PARK' : bild.copyright);
            overlay.find('.beschreibung').html(bild.beschreibung);
            overlay.find('#abspeichern').attr('href','showimage/'+target_id);
            overlay.find('#versenden').attr('href','email/?id='+target_id);
            overlay.find('#drucken').attr('href','drucken/'+target_id);
        })
        api.onBeforeLoad(func);



        // overlay=api.getOverlay();
        // bild = bilderliste[target_id];
        // el=overlay.find('.next, .prev').click();
        
            
        
        // try {
        //     console.log($j(this.api))
        // }
        // catch (e) {
        // // statements to handle any exceptions
        //    logMyErrors(e) // pass exception object to error handler
        // }
        // throw (new Error('The message'));
        
        // var api = $(this).tabs(); 
 
        // // setup onClick listener for tabs 
        // api.onClick(function(index)  { 
        //     tracker.trackEvent("tabs", "foo", index); 
        // }); 
 
    }); 
};