<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TelerikMenu.aspx.vb" Inherits="_Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="telerikSkins" Namespace="Telerik.Web.UI.Skins" Assembly="Telerik.Web.UI.Skins" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test</title>
    <link href="StyleSheet.css" rel="stylesheet" />
    <style type="text/css">
      
    </style>
</head>
<body class="BODY">
    <form id="form1" method="post" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableScriptCombine="false">
        </telerik:RadScriptManager>

        <script type="text/javascript">
            function OnClientMouseOverHandler(sender, args) {
                sender.set_clickToOpen(true);
                if (args.get_item().get_parent() == sender) {
                    sender.set_clicked(false);
                }
            }

            function OnClientMouseOutHandler(sender, args) {
                sender.set_clickToOpen(false);
            }

        </script>
        <div style="width: 1000px;">

            <telerik:RadMenu runat="server" ID="RadMenu1" Skin="Black" ClickToOpen="True" CollapseAnimation-Duration="1100" ExpandAnimation-Type="InCubic"
                ExpandAnimation-Duration="1100" CollapseAnimation-Type="InCubic"
                OnClientMouseOver="OnClientMouseOverHandler" OnClientMouseOut="OnClientMouseOutHandler">
                <Items>
                    <telerik:RadMenuItem Text="Product Families" PostBack="false"
                        ExpandedImageUrl="../images/closeme.png" ImageUrl="../images/openme.png" CssClass="new">
                        <Items>
                            <telerik:RadMenuItem>
                                <ItemTemplate>
                                    <div id="outerWrap">
                                        <div id="FirstLevelProductsWrapper" class="Wrapper1">
                                            <div id="DevToolsDiv">
                                                <h3>DevTools</h3>
                                                <a href="http://www.telerik.com/developer-productivity-tools.aspx">DevTools</a>
                                            </div>
                                            <div id="IceniumDiv">
                                                <h3>Icenium</h3>
                                                <a href="http://www.icenium.com/">Icenium</a>
                                            </div>
                                            <div id="KendoUIDiv">
                                                <h3>Kendo UI</h3>
                                                <a href="http://www.kendoui.com/">Kendo UI</a>
                                            </div>
                                        </div>
                                        <div id="SecondLevelProductsWrapper" class="Wrapper2">
                                            <div id="TestStudioDiv">
                                                <h3>TestStudio</h3>
                                                <a href="http://www.telerik.com/automated-testing-tools/">TestStudio</a>
                                            </div>
                                            <div id="SitefinityDiv">
                                                <h3>Sitefinity CMS</h3>
                                                <a href="http://www.sitefinity.com/">Sitefinity CMS</a>
                                            </div>
                                            <div id="TeamPulseDiv">
                                                <h3>TeamPulse</h3>
                                                <a href="http://www.telerik.com/agile-project-management-tools/">TeamPulse</a>
                                            </div>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>
                </Items>
            </telerik:RadMenu>
        </div>

    </form>
</body>
</html>
