/**
 * DokuWiki Plugin TagSections (JavaScript Component) 
 *
 * @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
 * @author gamma
 */

(function(jQuery) {
    
    // Use the internal reference of jQuery.
    // this is due to jQuery reloading in initJQuery() so that we keep the correct reference    
    var currentNamespace = JSINFO['namespace'];
    var $currentButton = null;
    var init = function() {
        jQuery('.editbutton_section form.btn_secedit').submit(loadEditDialog);
    };
    
    var loadEditDialog = function(event){
            
        $currentButton = jQuery(this);
        console.log($currentButton);
        request({'do':'edit'}, showEditDialog);
        return false;
    };
    
    var showEditDialog = function(data) {
        var $dialog = getDialog('open').html(data);
        initJQuery();
        $dialog.find('.editButtons').detach();
    };
    
    var request = function(data, success) {
        data['id']     = $currentButton.find('input[name=id]').val() || JSINFO['id'];
        data['rev']    = $currentButton.find('input[name=rev]').val();
        data['call']   = 'sectionedit';
        data['target'] = $currentButton.find('input[name=target]').val();
        data['range']  = $currentButton.find('input[name=range]').val();
        return jQuery.post(DOKU_BASE + 'lib/exe/ajax.php', data, success);
    };
    
    var saveSection = function() {

        var $form = jQuery(this);
        var objects = {
            'do': 'save'
        };
        
        $form.find('input[name][value], textarea[name]').each(function(){
            
            var $element = jQuery(this);
            if ( this.tagName.toLowerCase() == 'input' && $element.is(':checkbox') && !$element.is(':checked') ) {
                return;
            }
            
            objects[this.name] = $element.val();
        });
        
        var hasParentsWithDokuWikiContent = function( $nodeWithParents ) {
            
            if ( $nodeWithParents.is( 'body' ) ) {
                return false;
            }
            
            if ( $nodeWithParents.children().filter('h1,h2,h3,h4,h5,h6,.level1,.level2,.level3,.level4,.level5,.level6').length ) {
                return true;
            }
            
            return hasParentsWithDokuWikiContent( $nodeWithParents.parent() );
        };

        request(objects, function(){
            // We need to wrap this once more, because otherwise the edit buttons will have the wrong ranges
            request({}, function(data){
                
                var $toRemove = $currentButton.parent(),
                $tmpWrap = jQuery('<div style="display:none"></div>').html(data);  // temporary wrapper
                
                while( hasParentsWithDokuWikiContent( $toRemove.parent() ) ) {
                    $toRemove = $toRemove.parent();
                }
                
                $toRemove = $toRemove.children();
                
                // insert the section highlight wrapper before the last element added to $tmpStore
                $toRemove.filter(':last').before($tmpWrap);
                // and remove the elements
                $toRemove.detach();
                
                // Now remove the content again
                $tmpWrap.before($tmpWrap.children().detach());
                // ...and remove the section highlight wrapper
                $tmpWrap.detach();
    
                closeDialog();
                initJQuery();
            });
        });
    };
    
    var closeDialog = function() {
        
            getDialog('close').dialog('destroy').detach();
            
            // This is being set by the edit.js - needs reset before unloading
            window.onbeforeunload = '';
            deleteDraft && deleteDraft();
            textChanged = false;
            dw_locktimer.clear();
    };
    
    var initJQuery = function() {
        
        // Remove current edit handler
        jQuery('.editbutton_section form.btn_secedit').unbind('submit', loadEditDialog);
        jQuery('script[src]').each(function(){
            var $xchange = jQuery(this);
            var $new = jQuery('<script/>').attr('type', $xchange.attr('type')).attr('defer', 'true');
            $xchange.before($new).detach();
            $new.attr('src', $xchange.attr('src'));
        });
    };
    
    var getDialog = function(action) {
        
        if(!jQuery('#sectionedit__dilaog').length){
            jQuery('body').append('<div id="sectionedit__dilaog" position="absolute" border=1 height="800px" class="dokuwiki page"><div id="sectionedit__dialog_div"></div></div>');
            jQuery( "#sectionedit__dilaog" ).dialog({title:LANG.plugins.sectionedit['edit'],
                height: Math.min(700,jQuery(window).height()-50),
                width: Math.min(700,jQuery(window).width()-50),
                autoOpen:true,
                closeOnEscape:false,
                modal:true,
                buttons:[
                    {text:LANG.plugins.sectionedit['closeDialog'],click: closeDialog },
                    {text:LANG.plugins.sectionedit['save'],click: saveSection},
                    ],
                });
        }
        
        if ( action ) {
            return jQuery('#sectionedit__dilaog').dialog(action);
        }
        
        return jQuery('#sectionedit__dilaog');
    };    
   
    jQuery(document).ready(init);
})(jQuery);