$(document).ready(function() {

    // Add remove event to all sidebar items onload
    $('.pluginRemove a').unbind('click').bind('click', sidebarRemove);


    $('.add_plugin').bind('click', function() {
    
        var plugin = [];
        plugin['url'] = $(this).attr('id').replace('add_','');
        plugin['name'] = $('#' + plugin['url']).text();

        $('#zip_plugins').append('<li id="plugin_'+plugin['url']+'"><div class="pluginRemove"><a href="javascript://"><img src="images/icons/Button%20Remove.png"></a></div>'+plugin['name']+'</li>');

        // Add remove event to any new sidebar items added
        $('.pluginRemove a').unbind('click').bind('click', sidebarRemove);
      
        sidebarPost();

    });


    function sidebarPost(){

        var plugins = [];
        
        $('#zip_plugins').children().each(function(index){
            plugins[index] = $(this).attr('id').replace('plugin_','');
        });
        
        $.post('zip/sessionZip', { plugins: $.toJSON(plugins) }, function(data) {
        });
    
    }
    
    
    function sidebarRemove(){
        $(this).parent().parent().remove();          

        sidebarPost();
    }



});