ÿþvar removep, removep1, removep2, btn_setting; var iNettuts = { jQuery: $, settings: { columns: '.column', widgetSelector: '.widget', handleSelector: '.widget-head', contentSelector: '.widget-content', saveToCookie: 'inettuts-widget-preferences', widgetDefault: { movable: true, removable: true, collapsible: true, editable: false, colorClasses: ['color-yellow', 'color-red', 'color-blue', 'color-white', 'color-orange', 'color-green']

}, widgetIndividual: {}

}, init: function() { this.sortWidgets(); this.addWidgetControls(); this.makeSortable(); }, getWidgetSettings: function(id) { var $ = this.jQuery, settings = this.settings; return (id && settings.widgetIndividual[id]) ? $.extend({}, settings.widgetDefault, settings.widgetIndividual[id]) : settings.widgetDefault; }, addWidgetControls: function() {

    var iNettuts = this, $ = this.jQuery, settings = this.settings; $(settings.widgetSelector, $(settings.columns)).each(function() {

        var thisWidgetSettings = iNettuts.getWidgetSettings(this.id); if (thisWidgetSettings.removable) {

            $('<a href="#" class="remove">CLOSE</a>').mousedown(function(e) { e.stopPropagation(); }).click(function() {

                removep = $(this).parents(settings.widgetSelector).attr('id'); $('#' + $(this).parents().attr('id') + '> .remove').animate({ opacity: 0

                }, "fast", function() {

                    $('#' + $(this).parents().attr('id') + '> .remove').hide()

                }); $('#' + $(this).parents().attr('id') + '> .collapse').animate({ opacity: 0

                }, "fast", function() {

                    $('#' + $(this).parents().attr('id') + '> .collapse').hide()

                }); $(this).parents(settings.widgetSelector).animate({ opacity: 0

                }, function() { $(this).hide(); $('#Ch_' + removep).attr('checked', false); iNettuts.savePreferences(); }); return false;

            }).appendTo($(settings.handleSelector, this));

        }

        if (thisWidgetSettings.editable) {

            $('<a href="#" class="edit">EDIT</a>').mousedown(function(e) { e.stopPropagation(); }).toggle(function() {

                $(this).css({ backgroundPosition: '-66px 0', width: '55px' })

.parents(settings.widgetSelector)

.find('.edit-box').show().find('input').focus(); return false;

            }, function() {

                $(this).css({ backgroundPosition: '', width: '24px' })

.parents(settings.widgetSelector)

.find('.edit-box').hide(); return false;

            }).appendTo($(settings.handleSelector, this)); $('<div class="edit-box" style="display:none;"/>')

.append('<ul><li class="item"><label>Change the title?</label><input value="' + $('h3', this).text() + '"/></li>')

.append((function() { var colorList = '<li class="item"><label>Available colors:</label><ul class="colors">'; $(thisWidgetSettings.colorClasses).each(function() { colorList += '<li class="' + this + '"/>'; }); return colorList + '</ul>'; })())

.append('</ul>')

.insertAfter($(settings.handleSelector, this));

        }

        if (thisWidgetSettings.collapsible) { $('<a href="#" class="collapse">COLLAPSE</a>').mousedown(function(e) { e.stopPropagation(); }).click(function() { $(this).parents(settings.widgetSelector).toggleClass('collapsed'); iNettuts.savePreferences(); return false; }).prependTo($(settings.handleSelector, this)); }

    }); $('.edit-box').each(function() {

        $('input', this).keyup(function() { $(this).parents(settings.widgetSelector).find('h3').text($(this).val().length > 20 ? $(this).val().substr(0, 20) + '...' : $(this).val()); iNettuts.savePreferences(); }); $('ul.colors li', this).click(function() {

            var colorStylePattern = /\bcolor-[\w]{1,}\b/, thisWidgetColorClass = $(this).parents(settings.widgetSelector).attr('class').match(colorStylePattern)

            if (thisWidgetColorClass) {

                $(this).parents(settings.widgetSelector)

.removeClass(thisWidgetColorClass[0])

.addClass($(this).attr('class').match(colorStylePattern)[0]); iNettuts.savePreferences();

            }

            return false;

        });

    });

}, attachStylesheet: function(href) { var $ = this.jQuery; return $('<link href="' + href + '" rel="stylesheet" type="text/css" />').appendTo('head'); }, makeSortable: function() {

    var iNettuts = this, $ = this.jQuery, settings = this.settings, $sortableItems = (function() {

        var notSortable = ''; $(settings.widgetSelector, $(settings.columns)).each(function(i) {

            if (!iNettuts.getWidgetSettings(this.id).movable) {

                if (!this.id) { this.id = 'widget-no-id-' + i; }

                notSortable += '#' + this.id + ',';

            }

        }); return $('> li:not(' + notSortable + ')', settings.columns);

    })(); $sortableItems.find(settings.handleSelector).css({ cursor: 'move'

    }).mousedown(function(e) {

        $sortableItems.css({ width: '' }); $(this).parent().css({ width: $(this).parent().width() + 'px'

        });

    }).mouseup(function() {

        if (!$(this).parent().hasClass('dragging')) { $(this).parent().css({ width: '' }); } else { $(settings.columns).sortable('disable'); }

    }); $(settings.columns).sortable({ items: $sortableItems, connectWith: $(settings.columns), handle: settings.handleSelector, placeholder: 'widget-placeholder', forcePlaceholderSize: true, revert: 300, delay: 100, opacity: 0.8, containment: 'document', start: function(e, ui) { $(ui.helper).addClass('dragging'); }, stop: function(e, ui) { $(ui.item).css({ width: '' }).removeClass('dragging'); $(settings.columns).sortable('enable'); iNettuts.savePreferences(); }

    });

}, savePreferences: function() {

    var iNettuts = this, $ = this.jQuery, settings = this.settings, cookieString = ''; if (!settings.saveToCookie) { return; }

    $(settings.columns).each(function(i) {

        cookieString += (i === 0) ? '' : '|'; $(settings.widgetSelector, this).each(function(i) {

            cookieString += (i === 0) ? '' : ';'; cookieString += $(this).attr('id') + ','; cookieString += $(this).attr('class').match(/\bcolor-[\w]{1,}\b/) + ','; cookieString += $('h3:eq(0)', this).text().replace(/\|/g, '[-PIPE-]').replace(/,/g, '[-COMMA-]') + ','; removep1 = 0; if ($('#Ch_' + $(this).attr('id')).attr('checked') == false) { removep1 = 1; }

            cookieString += $(settings.contentSelector, this).css('display') === 'none' ? 'collapsed' : 'not-collapsed'; cookieString += ',' + removep1;

        });

    }); $.cookie(settings.saveToCookie, cookieString, { expires: 10

    });

}, sortWidgets: function() {

    var iNettuts = this, $ = this.jQuery, settings = this.settings; var cookie = $.cookie(settings.saveToCookie); if (!settings.saveToCookie || !cookie) { $(settings.columns).css({ visibility: 'visible' }); return; }

    removep2 = ''; $(settings.columns).each(function(i) {

        $(settings.columns).hide(); var thisColumn = $(this), widgetData = cookie.split('|')[i].split(';'); $(widgetData).each(function() {

            if (!this.length) { return; }

            var thisWidgetData = this.split(','), clonedWidget = $('#' + thisWidgetData[0]), colorStylePattern = /\bcolor-[\w]{1,}\b/, thisWidgetColorClass = $(clonedWidget).attr('class').match(colorStylePattern); if (thisWidgetColorClass) { $(clonedWidget).removeClass(thisWidgetColorClass[0]).addClass(thisWidgetData[1]); }

            $(clonedWidget).find('h3:eq(0)').html(thisWidgetData[2].replace(/\[-PIPE-\]/g, '|').replace(/\[-COMMA-\]/g, ',')); if (thisWidgetData[3] === 'collapsed') { $(clonedWidget).addClass('collapsed'); }

            $('#' + thisWidgetData[0]).remove(); $(thisColumn).append(clonedWidget); $('#Ch_' + $('#' + thisWidgetData[0]).attr('id')).attr('checked', true); if (thisWidgetData[4] == 1) { $('#Ch_' + $('#' + thisWidgetData[0]).attr('id')).attr('checked', false); $('#' + thisWidgetData[0]).hide(); }

        }); $(settings.columns).show();

    }); $(settings.columns).css({ visibility: 'visible' });

}

}; iNettuts.init(); $(document).ready(function() {

    $("#btn_setting").click(function() { $("#Catalog").slideToggle("normal", function() { }); }); if ($.cookie('inettuts-widget-preferences') == null || $.cookie('inettuts-widget-preferences') == '') { }

    $("#columns").css("display", "");

}); function check_onclick(id) {

    if ($('#Ch_' + id).attr('checked')) {

        $('#' + id).show(); $('#' + id).animate({ opacity: 1

        }, function() {

            $('#' + id).show()

        }); $('#' + $('#' + id + '> .widget-head').attr('id') + '> .remove').show(); $('#' + $('#' + id + '> .widget-head').attr('id') + '> .collapse').show(); $('#' + $('#' + id + '> .widget-head').attr('id') + '> .remove').animate({ opacity: 1

        }, "slow", function() {

            $('#' + $('#' + id + '> .widget-head').attr('id') + '> .remove').show()

        }); $('#' + $('#' + id + '> .widget-head').attr('id') + '> .collapse').animate({ opacity: 1

        }, "slow", function() {

            $('#' + $('#' + id + '> .widget-head').attr('id') + '> .collapse').show()

        });

    } else {

        $('#' + $('#' + id + '> .widget-head').attr('id') + '> .remove').animate({ opacity: 0

        }, "fast", function() {

            $('#' + $('#' + id + '> .widget-head').attr('id') + '> .remove').hide()

        }); $('#' + $('#' + id + '> .widget-head').attr('id') + '> .collapse').animate({ opacity: 0

        }, "fast", function() {

            $('#' + $('#' + id + '> .widget-head').attr('id') + '> .collapse').hide()

        }); $('#' + id).animate({ opacity: 0

        }, function() {

            $('#' + id).hide()

        });

    }; iNettuts.savePreferences();

}

function reset() {

    cookieString = ''; $.cookie('inettuts-widget-preferences', cookieString, { expires: 10

    }); $('#Ch_widget1').attr('checked', true); $('#Ch_widget2').attr('checked', true); $('#Ch_widget3').attr('checked', true); $('#Ch_widget4').attr('checked', true); $('#Ch_widget5').attr('checked', true); $('#Ch_widget6').attr('checked', true); $('#Ch_widget7').attr('checked', true); $('#Ch_widget8').attr('checked', true); $('#Ch_widget9').attr('checked', true); $('#Ch_widget10').attr('checked', true); $('#Ch_widget11').attr('checked', true); return false;

}

var add_id = 3; var maxadd_id = 6; function NewsLine_Add() {

    add_id1 = add_id + 1; $("#AddRemoveLine_Content>#Line" + add_id1).css("display", ""); if (maxadd_id > add_id && add_id > 0) { add_id++; }

}

function NewsLine_Remove() {

    if (maxadd_id >= add_id && add_id > 1) { $("#AddRemoveLine_Content>#Line" + (add_id)).css("display", "none"); add_id--; }

}