//取得格式化的ID 字符串("#id")
function getFormatedId(el){
    return '#'+el.id;
}

$(document).ready(function(){
    //将所有的 sortableitems 隐藏，不在 CSS 里用 display 实现，是因为即使客户端禁用 javascript ，也不至于没法显示网页内容。再根据 cookies 显示相关的 items
    $('#mainwrap > .sortablecontainer > .sortableitem').hide();
    
    //去除FC2 的广告
    $('body > table:last').remove();
    $('body > center > span').remove();
    
    //可拖放的导航栏
    $('#mainwrap > .sortablecontainer').Sortable({
        accept: 'sortableitem',
        handle: '.contentbar',
        helperclass:'sorthelper',
        opacity: 0.8,
        fx: 200,
        opacity: 0.4,
        revert: true,
        //位置发生变化，立即写入 cookies
        onchange: function(){
            $.cookie('colum1',$.map($('#colum1 > .sortableitem:visible'),getFormatedId),{expires:365});
            $.cookie('colum2',$.map($('#colum2 > .sortableitem:visible'),getFormatedId),{expires:365});
            $.cookie('colum3',$.map($('#colum3 > .sortableitem:visible'),getFormatedId),{expires:365});
        }
    });
    
    $('a.closebox').click(function(e){
        var temp=$(e.target).parent().parent();
        //隐藏并写入 cookies
        $.cookie(temp.hide().parent().attr('id'),$.map(temp.siblings('.sortableitem:visible'),getFormatedId),{expires:365});
    });

    $('a.minbox').click(function(e){
        $(e.target).toggleClass('minbox2').parent().next().toggle();
    });

    $('a.maxbox').click(function(e){
        $(e.target).toggleClass('maxbox2').siblings('.articlecontent').toggle();
    });
    

    //读取 cookies，并显示 items
    if($.cookie('wstudio')){
        if($.cookie('colum1')!='') $($.cookie('colum1')).appendTo('#colum1').show();
        if($.cookie('colum2')!='') $($.cookie('colum2')).appendTo('#colum2').show();
        if($.cookie('colum3')!='') $($.cookie('colum3')).appendTo('#colum3').show();
    }else{
        //首次访问网页时，按默认显示，并设置 cookies
        $('.sortableitem').show();
        $.cookie('wstudio','y',{expires:365});
        $.cookie('colum1','#newarticles,#newdownloads',{expires:365});
        $.cookie('colum2','#javaitems,#pythonitems,#ajaxitems,',{expires:365});
        $.cookie('colum3','#productitems,#linkitems',{expires:365});
    }
    
    //清空 cookies，返回默认显示
    $('#clearcookies').click(function(){
        $.cookie('wstudio','',{expires:-1});
        $.cookie('colum1','',{expires:-1});
        $.cookie('colum2','',{expires:-1});
        $.cookie('colum3','',{expires:-1});
        //重新加载页面
        window.location.reload();
    });


});