User:Dodoman1000/skilltree.js

var config = { container: "#OrganiseChart1", rootOrientation: 'NORTH', // NORTH || EAST || WEST || SOUTH hideRootNode: true, // levelSeparation: 30, siblingSeparation:  40, subTeeSeparation:   30, connectors: { type: "step", style: { 'stroke': '#bbb', "stroke-width": 2

}       }

},   root = {},

cat1 = { parent: root, name: "Survivalism", image: "/skilltree/Survivalism.png", stackChildren: true, HTMLid: "category", HTMLclass: 'category', animation: { nodeAnimation: "easeOutBounce", nodeSpeed: 700, connectorsAnimation: "bounce", connectorsSpeed: 700 },			collapsable: true },   cat2 = { parent: root, stackChildren: true, name: "Construction & Mercantilism", image: "/skilltree/Construction.png",

HTMLid: "category", HTMLclass: 'category', animation: { nodeAnimation: "easeOutBounce", nodeSpeed: 700, connectorsAnimation: "bounce", connectorsSpeed: 700 },			collapsable: true, collapsed: true

},   cat3 = { parent: root, name: "Beastmastery", image: "/skilltree/Beastmastery.png", HTMLid: "category", HTMLclass: 'category', animation: { nodeAnimation: "easeOutBounce", nodeSpeed: 700, connectorsAnimation: "bounce", connectorsSpeed: 700 },			collapsable: true },   cat4 = { parent: root, type: "category", name: "Archery", image: "/skilltree/Archery.png", HTMLid: "cio", HTMLclass: 'category', animation: { nodeAnimation: "easeOutBounce", nodeSpeed: 700, connectorsAnimation: "bounce", connectorsSpeed: 700 },		collapsable: true },   skill2 = { parent: cat1, name: "The Basics", HTMLid: "ciso", image: "/skills/The Basics.png", text:{name: "The Basics", skillpoints: "1" },

HTMLclass: 'skill' },   skill3 = { parent: cat1, name: "Tools of the Trade", HTMLid: "cio2", HTMLclass: 'category', image: "/skills/Tools of the Trade.png", HTMLclass: 'skill', text:{name: "Tools of the Trade", skillpoints: "1" },   },    skill4 = { parent: skill2, name: "Construction", HTMLid: "ciso2", image: "/skills/Construction.png", HTMLclass: 'skill' },   skill5 = { parent: skill2, name: "Basic Water Swim Speed", HTMLid: "ciso2", image: "/skills/Basic Water Swim Speed.png", HTMLclass: 'skill' },   skill6 = { parent: cat2, name: "Advanced Tools", HTMLid: "ciso2", image: "/skills/Advanced Tools.png", HTMLclass: 'skill' }

ALTERNATIVE = [ config, root, cat1, cat2, cat3, cat4, skill2, skill3, skill4, skill5, skill6 ];