     @html = ''
     @cleanPackageName = @cleanName(@packageName)
     @title = @cleanName+" settings"
-    @content = '
-    <div id="editor-background-config">
-      <div class="config-tabs">
-
-        <div class="tab config-tab">Image</div>
-        <div class="tab config-tab">Text</div>
-        <div class="tab config-tab">Video</div>
-        <div class="tab config-tab">3D Box</div>
-        <div class="tab config-tab">About</div>
-
-      </div>
-
-      <div class="config-content">
-
-        <div class="tab-content">
-          <div class="group">
-            <label for="imageURL">Image URL</label>
-            <input type="text" id="imageURL" name="imageURL" style="width:500px;">
-            <input type="file" id="imageURLFile" accept="image/*" style="display:none;">
-            <button class="btn btn-default group-addon" id="imageURLFileBtn">...</button>
-          </div>
-          <div class="group">
-            <label>Opacity</label>
-            <input type="number" class="range" data-slider-range="0,100" id="opacity" name="opacity">
-          </div>
-        </div>
-
-        <div class="tab-content">
-          <div class="group">
-            <label for="textBackground">Text background color</label>
-            <input type="text" class="color-picker" name="textBackground" id="textBackground">
-          </div>
-          <div class="group">
-            <label>Opacity</label>
-            <input type="number" class="range" data-slider-range="0,100" id="textBackgroundOpacity" name="textBackgroundOpacity">
-          </div>
-        </div>
-
-        <div class="tab-content">
-          second
-        </div>
-
-        <div class="tab-content">
-          third
-        </div>
-
-        <div class="tab-content">
-          last
-        </div>
-
-      </div>
-
-    </div>
-    '
+    
     @buttons = {
       "Apply":(ev,popup)=> @applyConfig(ev,popup),
       "Close":(ev,popup)=> @close(ev,popup)

      </div>"
    str

  parseIntegerChild:(obj)->

  parseNumberChild:(obj)->

  parseBooleanChild:(obj)->

  parseObjectChild:(obj)->

  parseArrayChild:(obj)->

  parseEnumChild:(obj)->

  parseColorChild:(obj)->

  parseTabChild:(name,value,level)->

    parsers = {
      'string':@parseStringChild,
      'integer':@parseIntegerChild,
      'number':@parseNumberChild,
      'boolean':@parseBooleanChild,
      'object':@parseObjectChild,
      'array':@parseArrayChild,
      'enum':@parseEnumChild,
      'color':@parseColorChild
    }

    parsers[value.type] name,value

  parseTabChilds:(tab,childs,level)->
    html = ''
    @path = @path + '.'+tab
    for key,value of childs
      do (key,value)=>
        console.log 'parsing:',key,value.type
        html += @parseTabChild key,value,level
        console.log 'html:',html




  loadSettings:->
    @settings = {}
    @schema = atom.config.schema.properties[@packageName].properties
    @config = atom.config.get(@packageName)
    @default = atom.config.getDefault(@packageName)
    @tabs = {}
    @path = ''
    tabs = Object.keys(@schema)
    for tab in tabs
      do (tab)=>
        clean = @cleanName tab
        @tabs[clean]={}

    for tab in tabs
      do (tab)=>
        childs = @schema[tab].properties
        @parseTabChilds tab,childs


  getSettings:->
    values = {}
    console.log 'popup controls',@popup.controls
    for name,elem of @popup.controls



  activateTab:(index)->
    @tabs = $(@configWnd).find('.tab')
    for i in [0..(@tabs.length-1)]
      do (i)=>
        if i==index
          @tabs[i].className='tab active'
        else
          @tabs[i].className = 'tab'

    @tabsContent = $(@configWnd).find('.tab-content')

    for j in [0..(@tabsContent.length-1)]
      do (j)=>
