var TreeDef = { "style":{ "css":"mail", "bgcolor":"#FFFFFF", "itemoffset":{ "x":15, "y":5 }, "imgdir":"img/dir_close.gif", "imgdiropen":"img/dir_open.gif", "size":[ 180, 16 ] }, "styleover":{ "css":"mail", "color":"#3D95FF" }, "position":{ "absolute":false, "pos":[ 10, 10 ] } ,"items":[ { "style":{ "imgitem":"img/file_a.gif" }, "action":{ "url":"index.cfm" }, "text":"Logging in " }, { "text":"Using the System (the basics)" ,"menu":{ "style":{ "size":[ 0, 0 ] } ,"items":[ { "style":{ "imgitem":"img/file_a.gif" }, "text":"Step1 - Entering info. " ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm" }, "text":"2.1 Web name:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_2" }, "text":"2.2 House:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_3" }, "text":"2.3 Street:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_4" }, "text":"2.4 Town:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_5" }, "text":"2.5 County:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_6" }, "text":"2.6 Postcode:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_7" }, "text":"2.7 Tel_no:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_8" }, "text":"2.8 Fax_no:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_9" }, "text":"2.9 Email:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_10" }, "text":"2.10 Show contact form:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_11" }, "text":"2.11 Show address form:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_12" }, "text":"2.12 Show map:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_13" }, "text":"2.13 Keywords:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_14" }, "text":"2.14 Slogan:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_15" }, "text":"2.15 Theme:" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"basic.cfm#2_16" }, "text":"2.16 Logo image:" } ] } }, { "style":{ "imgitem":"img/file_s.gif" }, "text":"Step2 - Choosing a style " ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"style.cfm#3_1" }, "text":"3.1 Background" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"style.cfm#3_2" }, "text":"3.2 The style layout screen " }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"style.cfm#3_3" }, "text":"3.3 Select a template design" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "text":"3.4 Select a button design" ,"menu":{ "style":{ "itemoffset":{ "x":15, "y":5 }, "imgdir":"img/dir_close.gif", "imgdiropen":"img/dir_open.gif", "size":[ 180, 16 ] }, "position":{ "absolute":false, "pos":[ 10, 10 ] } ,"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"style.cfm#3_4_1" }, "text":"3.4.1 Left Buttons" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"style.cfm#3_4_2" }, "text":"3.4.2 Right Buttons" } ] } } ] } }, { "style":{ "imgitem":"img/file_t.gif" }, "text":"Step3 - Creating webpages " ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm" }, "text":"4.1 Background" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm#4_2" }, "text":"4.2 The webpage management screen" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm#4_3" }, "text":"4.3 Creating a webpage" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm#4_4" }, "text":"4.4 Deleting a webpage" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm#4_5" }, "text":"4.5 Change webpage settings" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm#4_6" }, "text":"4.6 Change webpage name" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm#4_7" }, "text":"4.7 Change the order in which the webpages are displayed (left buttons)" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm#4_8" }, "text":"4.8 Hide the webpage or force the visitor to click a link to see the page" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm#4_9", "target":"_mainFrame" }, "text":"4.9 Show the product category buttons (RIGHT buttons) on the webpage" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"page.cfm#4_10" }, "text":"4.10 Edit a webpage" } ] } }, { "style":{ "imgitem":"img/file_a.gif" }, "text":"Step4 - Ading items and groups " ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm" }, "text":"5 Step 4 - Groups and Items" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_1" }, "text":"5.1 Background" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "text":"5.3 The group management screen" ,"menu":{ "style":{ "css":"mail", "bgcolor":"#ffffff", "itemoffset":{ "x":15, "y":5 }, "imgdir":"img/dir_close.gif", "imgdiropen":"img/dir_open.gif", "size":[ 180, 16 ] }, "styleover":{ "css":"mail", "color":"#3D95FF" }, "position":{ "absolute":false, "pos":[ 10, 10 ] } ,"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_3_1" }, "text":"5.3.1 Settings" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_3_2" }, "text":"5.3.2 Hide" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_3_3" }, "text":"5.3.3 Delete" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_3_4" }, "text":"5.3.4 Items" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_3_5" }, "text":"5.3.5 New Item" } ] } }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_4" }, "text":"5.4 Creating a group" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_5" }, "text":"5.5 Deleting a group" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_6" }, "text":"5.6 Change group settings" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_7" }, "text":"5.7 Changing the group name" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_8" }, "text":"5.8 Change the order in which the groups are displayed (left buttons)" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_9", "target":"mainFrame" }, "text":"5.9 Hide the group" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_10", "target":"mainFrame" }, "text":"5.10 What is an item" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "text":"5.11 Creating a new item" ,"menu":{ "style":{ "css":"mail", "bgcolor":"#ffffff", "itemoffset":{ "x":15, "y":5 }, "imgdir":"img/dir_close.gif", "imgdiropen":"img/dir_open.gif", "size":[ 180, 16 ] }, "styleover":{ "css":"mail", "color":"#3D95FF" }, "position":{ "absolute":false, "pos":[ 10, 10 ] } ,"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_11_1", "target":"mainFrame" }, "text":" 5.11.1 Option1 – from the group table " }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_11_2" }, "text":"5.11.2 Option2 – from the items page " } ] } }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "text":"5.12 New Item Screen" ,"menu":{ "style":{ "css":"mail", "bgcolor":"#ffffff", "itemoffset":{ "x":15, "y":5 }, "imgdir":"img/dir_close.gif", "imgdiropen":"img/dir_open.gif", "size":[ 180, 16 ] }, "styleover":{ "css":"mail", "color":"#3D95FF" }, "position":{ "absolute":false, "pos":[ 10, 10 ] } ,"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_12_1" }, "text":"5.12.1 Select a Picture" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_12_2" }, "text":"5.12.2 Text description" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_12_3", "target":"mainFrame" }, "text":"5.12.3 Item Name and Group" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_12_4" }, "text":"5.12.4 Item row and column" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_12_5" }, "text":"5.12.5 Item code" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"groups.cfm#5_12_6" }, "text":"5.12.6 Item price and currency" } ] } } ] } } ] } }, { "text":"Using Images in your website" ,"menu":{"items":[ { "style":{ "imgitem":"img/file_a.gif" }, "action":{ "url":"images.cfm" }, "text":"1 Introduction to Images " }, { "style":{ "imgitem":"img/file_a.gif" }, "text":"2 Section 1 – Uploading images " ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "text":"2.1 Before uploading" ,"menu":{ "style":{ "css":"mail", "bgcolor":"#ffffff", "itemoffset":{ "x":15, "y":5 }, "imgdir":"img/dir_close.gif", "imgdiropen":"img/dir_open.gif", "size":[ 180, 16 ] }, "styleover":{ "css":"mail", "color":"#3D95FF" }, "position":{ "absolute":false, "pos":[ 10, 10 ] } ,"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#2_1_1" }, "text":"2.1.1 Format" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#2_1_2" }, "text":"2.1.2 Size" } ] } }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#2_2" }, "text":"2.2 Uploading an image" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#2_3" }, "text":"2.3 Maximising image quality" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#2_4" }, "text":"2.4 Images from digital cameras" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#2_5" }, "text":"2.5 Animated images" } ] } }, { "style":{ "imgitem":"img/file_a.gif" }, "text":"3 Displaying images on your website" ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "text":"3.1 Adding descriptive text " ,"menu":{ "style":{ "css":"mail", "bgcolor":"#ffffff", "itemoffset":{ "x":15, "y":5 }, "imgdir":"img/dir_close.gif", "imgdiropen":"img/dir_open.gif", "size":[ 180, 16 ] }, "styleover":{ "css":"mail", "color":"#3D95FF" }, "position":{ "absolute":false, "pos":[ 10, 10 ] } ,"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#3_1_1" }, "text":"3.1.1 Adding Alt text when you load an image " }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#3_1_2" }, "text":"3.1.2 Adding Alt text to an existing images" } ] } }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#3_2" }, "text":"3.2 Resizing your images" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#3_3" }, "text":"3.3 Positioning your images on your webpage " }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#3_4" }, "text":"3.4 Positioning your image by dragging it with your mouse" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#3_5" }, "text":"3.5 Placing your image above or below your text " }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"images.cfm#3_6" }, "text":"3.6 Changing the image alignment settings:" } ] } } ] } }, { "text":"Adding Links" ,"menu":{"items":[ { "style":{ "imgitem":"img/file_a.gif" }, "action":{ "url":"links.cfm" }, "text":"1 Introduction" }, { "style":{ "imgitem":"img/file_a.gif" }, "action":{ "url":"links.cfm#2" }, "text":"2 Types of hyperlinks" }, { "style":{ "imgitem":"img/file_a.gif" }, "text":"3 Creating hyperlinks" ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"links.cfm#3_1" }, "text":"3.1 The hyperlink window" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"links.cfm#3_2" }, "text":"3.2 Create a hyperlink to an external document" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "text":"3.3 Create a hyperlink to INTERNAL webpages" ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"links.cfm#£-£_1" }, "text":"3.3.1 Background" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"links.cfm#3_3_2" }, "text":"3.3.2 Finding the address of a webpage" } ] } } ] } }, { "style":{ "imgitem":"img/file_a.gif" }, "text":"4 Creating an email link" ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"links.cfm#4_1" }, "text":"4.1 Background" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"links.cfm#4_2" }, "text":"4.2 Creating a link" } ] } } ] } }, { "text":"Buy your Website and Domain Name " ,"menu":{"items":[ { "style":{ "imgitem":"img/file_a.gif" }, "action":{ "url":"buy.cfm" }, "text":"1 Introduction to Domain names and Buying your website " }, { "style":{ "imgitem":"img/file_a.gif" }, "action":{ "url":"buy.cfm#2" }, "text":"2 The Wizard Screen" }, { "style":{ "imgitem":"img/file_a.gif" }, "text":"3 Step1 - Starting the Buy Now system" ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#3_1" }, "text":"3.1 Regular Payments" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#3_2" }, "text":"3.2 Contract Period" } ] } }, { "style":{ "imgitem":"img/file_a.gif" }, "text":"4 Step2 – Choose a Domain Name" ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#4_1" }, "text":"4.1 Step2 screen" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#4_2" }, "text":"4.2 What is a domain name." }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#4_3" }, "text":"4.3 Multiple domains pointing to your site" }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#4_4" }, "text":" 4.4 Tips on choosing a domain name " } ] } }, { "style":{ "imgitem":"img/file_a.gif" }, "text":"5 Step3 Selecting a website package " ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#5_1" }, "text":"5.1 Choose the package " }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#5_2" }, "text":"5.2 Select Add-ons " }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#5_3" }, "text":"5.3 Confirm choices and cost" } ] } }, { "style":{ "imgitem":"img/file_a.gif" }, "action":{ "url":"buy.cfm#6" }, "text":"6 Step 4 – Enter your details" }, { "style":{ "imgitem":"img/file_a.gif" }, "text":"7 Step5 - Credit Card Entry" ,"menu":{"items":[ { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#7_1" }, "text":"7.1 Enter your credit card " }, { "style":{ "itemoffset":{ "x":30, "y":3 } }, "action":{ "url":"buy.cfm#7_2" }, "text":"7.2 Invoice and emails" } ] } } ] } } ] } ;