Helllo people I'm now developing an instant messaging system but I'm a little confused  : I can't decide which approach do I have to choose!

Here is a code and I want you to tell me what is good/bad with this programming approach: one friend of mine said it's difficult to read, but It works

/*! | (c) 2012, 2013 by Bellashh*/
 /// <reference path="jquery-2.0.0-vsdoc.js" />
$(document).ready(function () {
  var ChatProvider = {
    "Friends": [],
    "People": [],
    "Conferences": [],
    "UI": {},
    "Utils": {
      "functions": {
        "alert": function (str) {
          alert(str);
        } /*ChatProvider.Utils.functions.alert*/ ,

        "addFriend": function (friend) {
          ChatProvider.Friends.push(friend);
          alert(ChatProvider.Friends.pop().Names);
        } /*ChatProvider.Utils.functions.addFriend*/ ,

      } /*ChatProvider.Utils.functions*/ ,

      "events": {} /*ChatProvider.Utils.events*/ ,

      "settings": {

      } /*ChatProvider.Utils.settings*/
    }
  } //var ChatProvider

  ChatProvider.Utils.functions.addFriend({
    "Names": "bellash"
  });

}); //$(document).ready

ps: for visibility sake, I added some space between line separating objects' properties

I'm now developing an instant messaging system but I'm a little confused: I can't decide which approach I have to choose!

I want you to tell me what is good/bad with this programming approach. One friend of mine said it's difficult to read, but it works.

/*! | (c) 2012, 2013 by Bellashh*/
 /// <reference path="jquery-2.0.0-vsdoc.js" />
$(document).ready(function () {
  var ChatProvider = {
    "Friends": [],
    "People": [],
    "Conferences": [],
    "UI": {},
    "Utils": {
      "functions": {
        "alert": function (str) {
          alert(str);
        } /*ChatProvider.Utils.functions.alert*/ ,

        "addFriend": function (friend) {
          ChatProvider.Friends.push(friend);
          alert(ChatProvider.Friends.pop().Names);
        } /*ChatProvider.Utils.functions.addFriend*/ ,

      } /*ChatProvider.Utils.functions*/ ,

      "events": {} /*ChatProvider.Utils.events*/ ,

      "settings": {

      } /*ChatProvider.Utils.settings*/
    }
  } //var ChatProvider

  ChatProvider.Utils.functions.addFriend({
    "Names": "bellash"
  });

}); //$(document).ready

P.S: for visibility sake, I added some space between line separating objects' properties.

Helllo people I'm now developing an instant messaging system but I'm a little confused : I can't decide which approach do I have to choose!

Here is a code and I want you to tell me what is good/bad with this programming approach: one friend of mine said it's difficult to read, but It works

/*! | (c) 2012, 2013 by Bellashh*/
/// <reference path="jquery-2.0.0-vsdoc.js" />
 
$(document).ready(function () {
    var ChatProvider = {
        "Friends": [],
        "People": [],
        "Conferences": [],
        "UI": {},
        "Utils": {
        "functions": {
               "alert": function (str) {
               alert(str);
        }/*ChatProvider.Utils.functions.alert*/,

        "addFriend": function (friend) {                    
            ChatProvider.Friends.push(friend);
            alert(ChatProvider.Friends.pop().Names);
        }/*ChatProvider.Utils.functions.addFriend*/,

    }/*ChatProvider.Utils.functions*/,

    "events": {
    }/*ChatProvider.Utils.events*/,

    "settings": {

      }/*ChatProvider.Utils.settings*/
    }
  }//var ChatProvider

ChatProvider.Utils.functions.addFriend({"Names":"bellash"});

});  //$(document).ready

ps: for visibility sake, I added some space between line separating objects' properties

Helllo people I'm now developing an instant messaging system but I'm a little confused : I can't decide which approach do I have to choose!

Here is a code and I want you to tell me what is good/bad with this programming approach: one friend of mine said it's difficult to read, but It works

/*! | (c) 2012, 2013 by Bellashh*/
 /// <reference path="jquery-2.0.0-vsdoc.js" />
$(document).ready(function () {
  var ChatProvider = {
    "Friends": [],
    "People": [],
    "Conferences": [],
    "UI": {},
    "Utils": {
      "functions": {
        "alert": function (str) {
          alert(str);
        } /*ChatProvider.Utils.functions.alert*/ ,

        "addFriend": function (friend) {
          ChatProvider.Friends.push(friend);
          alert(ChatProvider.Friends.pop().Names);
        } /*ChatProvider.Utils.functions.addFriend*/ ,

      } /*ChatProvider.Utils.functions*/ ,

      "events": {} /*ChatProvider.Utils.events*/ ,

      "settings": {

      } /*ChatProvider.Utils.settings*/
    }
  } //var ChatProvider

  ChatProvider.Utils.functions.addFriend({
    "Names": "bellash"
  });

}); //$(document).ready

ps: for visibility sake, I added some space between line separating objects' properties