var InfoPoint = function (parent) {
    this.Parent = parent;
    
    this.Startup = function () {
        $('.icon-view .icon-col').on('click', this.OnColClick.bind(this));
        $('#close-info-dialog').on('click', this.HideDialog.bind(this));
        $('#dialog-info-point-sure').on('click', this.HideDialog.bind(this));
        $('#dialog-info-point-cancel').on('click', this.HideDialog.bind(this));
    }

    this.OnColClick = function (event) {
        $('.icon-view .icon-col').removeClass("active");

        var label = $(event.target).is('img') ? $(event.target).parent('div') : $(event.target);
        label.addClass("active");
    } 

    this.HideDialog = function () {
        $('#dialog-info-point').hide();
    }

    this.ShowDialog = function () {
        $('#dialog-info-point').show();
    }
}