///<reference path = "jquery-1.3.2.js"/>
$(function() {
var ModulesInfo = [
     { imgUrl: "image/app.png", modUrl: "application-management.aspx", name: "Application Management",
         description: "Record application usage in detail; <br>Manage and control application usage;<br>Accurately audit application usage...", demoUrl: "../demo/application.html"
     },
      { imgUrl: "image/flow.png", modUrl: "bandwidth-management.aspx", name: "Bandwidth Management",
          description: "Completely audit network traffic;<br>Control incoming and outgoing traffic rate;<br>Reasonably allocate bandwidth...", demoUrl: "../demo/bandwidth.html"
      },
    { imgUrl: "image/basic.png", modUrl: "basic-function.aspx", name: "Basic Management",
        description: "Manage the basic info of remote PCs;<br>Remotely lock and restart remote PCs;<br>Support IP and MAC blinding…", demoUrl: ""
    },
      { imgUrl: "image/document.jpg", modUrl: "document-management.aspx", name: "Document Management",
          description: "Completely record document operations;<br />Control and monitor document operations;<br />Back up and protect confidential data...", demoUrl: "../demo/document.html"
      },
       { imgUrl: "image/device.png", modUrl: "device-management.aspx", name: "Device Management",
           description: "Effectively and efficiently manage the usage of all kinds of peripheral device;<br>Instantly block unauthorized devices...", demoUrl: "../demo/device.html"
       },
       
  
     { imgUrl: "image/email.png", modUrl: "email-management.aspx", name: "Email Management",
         description: "Record incoming and outgoing emails;<br>Block sending specific emails to specified domains and recipients...", demoUrl: "../demo/email.html"
     },
       { imgUrl: "image/chat.png", modUrl: "im_management.aspx", name: "IM Management",
           description: "Fully record all instant messages;<br>Effectively control IM file transfer;<br>Back up outgoing files...", demoUrl: "../demo/im.html"
       },
       { imgUrl: "image/asset.png", modUrl: "asset-management.aspx", name: "IT Asset Management",
           description: "Comprehensively manage IT assets;<br>Detect patches and vulnerabilities;<br>Remotely deploy and install software...", demoUrl: "../demo/asset.html"
       },
    { imgUrl: "image/net.png", modUrl: "network-management.aspx", name: "Network Management",
        description: "Effectively and efficiently manage network access permissions;<br>Detect and stop any intrusion...", demoUrl: "../demo/network.html"
    },
    { imgUrl: "image/print.png", modUrl: "printing-management.aspx", name: "Print Management",
        description: "Record print actions in detail;<br />Block unauthorized print actions;<br />Create printer usage policies...", demoUrl: "../demo/printing.html"
    },
    { imgUrl: "image/manager.png", modUrl: "remote-maintenance.aspx", name: "Remote Maintenance",
        description: "Remotely solve system failures;<br>Easily demonstrate operation instructions;<br>Collect failure samples...", demoUrl: "../demo/remote_maintenance.html"
    },

    { imgUrl: "image/mobile.png", modUrl: "removable-storage-management.aspx", name: "Removable Storage Management",
        description: "Provide unrivaled control and logging;<br>Offer automatic file encryption and   decryption features...", demoUrl: "../demo/removable_storage.html"
    },

    { imgUrl: "image/screen.png", modUrl: "screen-monitoring.aspx", name: "Screen Monitoring ",
        description: "Visually see the real-time screen snapshots of remote computers;<br>Support screen history viewing...", demoUrl: "../demo/screen.html"
    },
    { imgUrl: "image/web.png", modUrl: "web-management.aspx", name: "Website Management",
        description: "Record all web sites visited;<br>Manage and control web browsing;<br>Audit accessed web sites...", demoUrl: "../demo/web.html"
    }
    ];
    var containerName = "modulesContent";
    var target = $("#" + containerName);
    var count = ModulesInfo.length % 2 == 0 ? ModulesInfo.length : ModulesInfo.length + 1;
    var temp = "";
    var more = "";
    for (var i = 0; i < count; i++) {
        var m = (i % 2 == 0) ? "leftModule" : "rightModule";
        var s = "<table cellpadding = 0 cellspacing = 0 border = 0 ><tr class = 'headTr'><td class = 'leftImg'><a href = '" + ModulesInfo[i].modUrl + "'><img src='" + ModulesInfo[i].imgUrl + "'/></a></td><td class = 'moduleName'><a href = '" + ModulesInfo[i].modUrl + "'>" + ModulesInfo[i].name +
      "</a></td><td class = 'rightDemo'>" + (ModulesInfo[i].demoUrl == ""? "":("<a href ='" + ModulesInfo[i].demoUrl + "' target = '_blank'><img src = 'image/demo-button.jpg' style = 'border:none' /></a>")) + "</td></tr><tr><td colspan = '3' class = 'bottom' ><div class = 'text'><label>" + ModulesInfo[i].description +
      "</label></div></td></tr></table>";
        more += "<td class = 'more'><a href = '" + ModulesInfo[i].modUrl + "'>Leare More</a></td>" + ((i % 2 == 0) ? "<td class = 'blankTd'></td>" : "");
        temp += (i % 2 == 0) ? "<table class = 'modules'><tr><td class = '" + m + "'>" + s : "</td><td class = 'blankTd'></td><td class = '" + m + "'>" + s + "</td></tr><tr> " + more + "</tr></table>";
        if (i % 2 == 1) {
            target.append(temp);
            more = "";
            temp = "";
        }
    }
   // alert(target.html());
});