function generateIndex2(topic,folder,theDocument,theFrameName){
    if (!theDocument) {theDocument=document}
    if (!theFrameName) {theFrameName='InnerContent'}
    dataDiv=topic+'ListData';
    templateDiv = topic+'ItemTemplate';
    containerDiv = topic+'ItemContainer';
    imageName = 'thumbnail.png';
    titleName = 'The'+topic+'Title';
    workingFolder = folder;
    return generateIndex(dataDiv,templateDiv,containerDiv,imageName,titleName,workingFolder,theDocument,theFrameName);
}
function parseData(dataDiv){
    var data=document.getElementById(dataDiv).innerHTML;
    data = data.split(',');
    var items = [];
    for (var i=0;i<data.length-1;i+=2){
        items[items.length]=[data[i],data[i+1]];
    }
    return items;
}
function generateIndex(dataDiv,templateDiv,containerDiv,imageName,titleName,workingFolder,theDocument,theFrameName){
    var siteBasePath = '/';
    // theDocument: the target document (could be in other frame, such as the index for photoes
    if (!theDocument) {theDocument=document}
    if (!theFrameName) {theFrameName='InnerContent'}
    var data=document.getElementById(dataDiv).innerHTML;
    data = data.split(',');
    var items = [];
    for (var i=0;i<data.length-1;i+=2){
        items[items.length]=[data[i],data[i+1]];
    }
    var Container = document.getElementById(containerDiv);
    var TemplateTable = document.getElementById(templateDiv);
    var template = TemplateTable.outerHTML;
    var thumbnail = new RegExp(imageName);
    var Title = new RegExp(titleName); 
    
    var rows='';    
    for (var i=0;i<items.length;i++){
        var folderName =  items[i][0].replace(/\s+/,''); // trim
        var folderTitle = items[i][1].replace(/::/,'<br/>').replace(/"/,'\"'); // :: == newline        
        var title='<a href="javascript:void(top.loadContent(\''+siteBasePath+workingFolder+'/'+folderName+'/index.html\',\''+theFrameName+'\'))">'+folderTitle+'</a>'
        var tmp = template.replace(Title,title);
        tmp = tmp.replace(thumbnail,folderName + '/'+'index.png');
        rows+=tmp;
    }
    
    var menuPaneContent = theDocument.getElementById('MenuPaneContent');
    Container.innerHTML=rows;
    menuPaneContent.innerHTML = Container.outerHTML;
    Container.outerHTML='';
    return items;
}
function generateProductMenuItems(dataDiv,templateDiv,containerDiv,imageName,titleName,workingFolder){
/*
範例（第一層的第一個項目會被自動開啟）
*/
var index_html = '<div class="slidemenuItemLevel1" title="Level1.1">Level-1.1\
        <div class="slidemenuItemLevel2" title="Level-1.2" href="http://www.google.com">\
           <div style="background:#ff0000;color:#ffffff">Level-1.2</div>\
        </div>\
    </div>\
    <div class="slidemenuItemLevel1" title="Level-2.1">Level-2.1\
        <div class="slidemenuItemLevel2" title="Level-2.2" href="http://www.google.com">\
         <div style="background:#ff0000;color:#ffffff">Level-2.2</div>\
        </div>\
    </div>'
/*
以下為內容
*/
index_html = 
'<div class="slidemenuItemLevel1" title="Scenario Hub">\
Scenario Hub\
<div class="slidemenuItemLevel2" title="HSC-200 Scenario Hub" href="HSC-200/index.html"> HSC-200 </div>\
<div class="slidemenuItemLevel2" title="HSC-30 Network Scenario Extender" href="HSC-30/index.html"> HSC-30 </div>\
<div class="slidemenuItemLevel2" title="HSC-40 Network Scenario Gateway" href="HSC-40/index.html"> HSC-40 </div>\
<div class="slidemenuItemLevel2" title="HSC-45 Network Scenario Gateway" href="HSC-45/index.html"> HSC-45 </div>\
</div>\
<div class="slidemenuItemLevel1" title="Sensor">\
Scenario Detector\
<div class="slidemenuItemLevel2" title="HSD-100Z  Z-Wave Door/Window Sensor" href="HSD-100Z/index.html">\
HSD-100Z\
</div>\
\
<div class="slidemenuItemLevel2" title="HSD-200Z  Advanced Z-Wave Motion Sensor" href="HSD-200Z/index.html">\
HSD-200Z\
</div>\
<div class="slidemenuItemLevel2" title="HSD-300Z  Z-Wave Temperature/Humidity Meter" href="HSD-300Z/index.html">\
HSD-300Z\
</div>\
<div class="slidemenuItemLevel2" title="HSD-500Z  Z-Wave Light Sensor" href="HSD-500Z/index.html">\ HSD-500Z\ </div>\
<div class="slidemenuItemLevel2" title="HSD-600Z  Z-Wave Water Sensor" href="HSD-600Z/index.html">\ HSD-600Z\ </div>\
<div class="slidemenuItemLevel2" title="HSD-700Z  Z-Wave Smoke Sensor" href="HSD-700Z/index.html">\ HSD-700Z\ </div>\
</div>\
\
\
<div class="slidemenuItemLevel1" title="Sensor">\
Scenario Switch\
<div class="slidemenuItemLevel2" title="HSW-100Z  Z-Wave Appliance Module" href="HSW-100Z/index.html">\
HSW-100Z\
</div>\
<div class="slidemenuItemLevel2" title="HSW-110Z  Z-Wave Power Module" href="HSW-110Z/index.html">\
HSW-110Z\
</div>\
<div class="slidemenuItemLevel2" title="HSW-112Z  Z-Wave Double Power Module" href="HSW-112Z/index.html">\
HSW-112Z\
</div>\
<div class="slidemenuItemLevel2" title="HSW-200Z  Z-Wave Lamp Module" href="HSW-200Z/index.html">\
HSW-200Z\
</div>\
<div class="slidemenuItemLevel2" title="HSW-210Z  Z-Wave Lamp Module" href="HSW-210Z/index.html">\
HSW-210Z\
</div>\
<div class="slidemenuItemLevel2" title="HSW-310Z  Wireless In-Wall Switch" href="HSW-310Z/index.html">\
HSW-310Z\
</div>\
<div class="slidemenuItemLevel2" title="HSW-320Z  Wireless In-Wall Dimmer" href="HSW-320Z/index.html">\ HSW-320Z\ </div>\
<div class="slidemenuItemLevel2" title="HSW-410Z  Wireless In-Wall Dimmer" href="HSW-410Z/index.html">\ HSW-410Z\ </div>\
<div class="slidemenuItemLevel2" title="HAS-100Z  Wireless Indoor Siren" href="HAS-100Z/index.html">\ HAS-100Z\ </div>\
</div>\
<div class="slidemenuItemLevel1" title="Green Products">\
Green Products\
<div class="slidemenuItemLevel2" title="HGS-100Z  Wireless Green Energy Switch" href="HGS-100Z/index.html">\ HGS-100Z\ </div>\
<div class="slidemenuItemLevel2" title="HGS-110Z  Wireless Green Energy Switch module" href="HGS-110Z/index.html">\ HGS-110Z\ </div>\
<div class="slidemenuItemLevel2" title="HGS-200Z  Wireless Green Energy Dimmer" href="HGS-200Z/index.html">\ HGS-200Z\ </div>\
<div class="slidemenuItemLevel2" title="HGS-210Z  Wireless Green Energy Dimmer module" href="HGS-210Z/index.html">\ HGS-210Z\ </div>\
<div class="slidemenuItemLevel2" title="HAC-100Z  Wireless HVAC controller" href="HAC-100Z/index.html">\ HAC-100Z\ </div>\
</div>\
<div class="slidemenuItemLevel1" title="Sensor">\
Scenario Control Point\
<div class="slidemenuItemLevel2" title="HSK-10  IR Extension Cable" href="HSK-10/index.html">\
HSK-10\
</div>\
<div class="slidemenuItemLevel2" title="HSK-15  IR Blaster Cable" href="HSK-15/index.html">\
HSK-12\
</div>\
<div class="slidemenuItemLevel2" title="HSK-50Z  Z-Wave Portable Scenario Controller" href="HSK-50Z/index.html">\ HSK-50Z\ </div>\
<div class="slidemenuItemLevel2" title="HSK-100Z  Z-Wave AV Scenario Controller" href="HSK-100Z/index.html">\ HSK-100Z\ </div>\
<div class="slidemenuItemLevel2" title="HSK-200Z  Z-Wave IR Control Station" href="HSK-200Z/index.html">\ HSK-200Z\ </div>\
<div class="slidemenuItemLevel2" title="HSK-300Z  Z-Wave I/O Controller" href="HSK-300Z/index.html">\ HSK-300Z\ </div>\
</div>\
<div class="slidemenuItemLevel1" title="Motor">\
Motor Control\
<div class="slidemenuItemLevel2" title="HSM-100  AV Motor Controller" href="HSM-100/index.html">\ HSM-100\ </div>\
<div class="slidemenuItemLevel2" title="HSM-200Z  RF AV Motor Controller" href="HSM-200/index.html">\ HSM-200Z\ </div>\
<div class="slidemenuItemLevel2" title="HSM-300Z  Z-Wave Motor Control Adapte" href="HSM-300Z/index.html">\ HSM-300Z\ </div>\
</div>\
<div class="slidemenuItemLevel1" title="Video Intercom">\
Video Intercom\
<div class="slidemenuItemLevel2" title="HIS-110" href="HIS-110/index.html"> HIS-110 </div>\
<div class="slidemenuItemLevel2" title="HIS-130" href="HIS-130/index.html"> HIS-130 </div>\
<div class="slidemenuItemLevel2" title="HIS-140" href="HIS-150/index.html"> HIS-150 </div>\
<div class="slidemenuItemLevel2" title="HIS-310" href="HIS-310/index.html"> HIS-310 </div>\
<div class="slidemenuItemLevel2" title="HIS-330" href="HIS-330/index.html"> HIS-330 </div>\
<div class="slidemenuItemLevel2" title="HIS-410" href="HIS-410/index.html"> HIS-410 </div>\
<div class="slidemenuItemLevel2" title="HIS-910" href="HIS-910/index.html"> HIS-910 </div>\
<div class="slidemenuItemLevel2" title="HIS-930" href="HIS-930/index.html"> HIS-930 </div>\
</div>\
<div class="slidemenuItemLevel1" title="eHome Gateway">\
eHome Gateway\
<div class="slidemenuItemLevel2" title="eHome Gateway Server Edition" href="ehome-gateway/index.html">\ Server edition\ </div>\
<div class="slidemenuItemLevel2" title="eHome Gateway DVR Edition" href="ehome-gateway-dvr/index.html">\ DVR edition\ </div>\
<div class="slidemenuItemLevel2" title="eHome Gateway IPCAM Edition" href="ehome-gateway-ipcam/index.html">\ IPCAM edition\ </div>\
</div>';
var slidemenu = document.getElementById('slidemenu');
slidemenu.innerHTML=index_html;

return index_html





    var topic = "Product";
    var folder ="products";
    var dataDiv=topic+'ListData';
    //var templateDiv = topic+'ItemTemplate';
    //var containerDiv = topic+'ItemContainer';
    //var imageName = 'thumbnail.png';
    //var titleName = 'The'+topic+'Title';
    var workingFolder = folder;    
    var data=document.getElementById(dataDiv).innerHTML;
    data = data.split(',');
    var items = [];
    for (var i=0;i<data.length-1;i+=2){
        items[items.length]=[data[i],data[i+1]];
    }
    var rows='';    
    for (var i=0;i<items.length;i++){
        var folderName =  items[i][0].replace(/\s+/,''); // trim
        var folderTitle = items[i][1].replace(/::/,'<br/>').replace(/"/,'\"'); // :: == newline        
        var title = folderTitle;
        var tmp = '<div class="slidemenuItemLevel1">'+folderTitle;
        tmp += '<div class="slidemenuItemLevel2" href="'+folderName+'/00/">'+"‧特色"+'</div>';
        tmp += '<div class="slidemenuItemLevel2" href="'+folderName+'/01/">'+"‧規格"+'</div>';
        tmp += '<div class="slidemenuItemLevel2" href="'+folderName+'/02/">'+"‧照片"+'</div>';
        tmp += '<div class="slidemenuItemLevel2" href="'+folderName+'/03/">'+"‧配件"+'</div>';
        tmp += '</div>'
        rows+=tmp;
    }
    var slidemenu = document.getElementById('slidemenu');
    slidemenu.innerHTML=rows;

}
function hideMenu(){
    var menuPaneContent = document.getElementById('MenuPaneContent');
    menuPaneContent.style.width="100%";
}
function clearMenuPane(){
    var pane = top.frames('sidebar').document.getElementById('MenuPaneContent');
    pane.innerHTML = '';
}
function setInnerContentHeight(h){
    top.findFrame('InnerContent').frameElement.style.height=h;
    top.findFrame('ContentFrame').frameElement.style.height=h+200;
}