<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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>RadControls and jQuery</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            </Scripts>
        </telerik:RadScriptManager>
        
        <telerik:RadComboBox runat="server" ID="RadComboBox1" Width="300px" Skin="Telerik">
            <Items>
                <telerik:RadComboBoxItem Text="ASP.NET AJAX UI Controls" />
                <telerik:RadComboBoxItem Text="WinForms UI Controls" />
                <telerik:RadComboBoxItem Text="WPF UI Controls" />
                <telerik:RadComboBoxItem Text="Silverlight UI Controls" />
                <telerik:RadComboBoxItem Text="Telerik Reporting" />
                <telerik:RadComboBoxItem Text="Telerik OpenAccess ORM" />
                <telerik:RadComboBoxItem Text="Telerik Sitefinity CMS" />
            </Items>
        </telerik:RadComboBox>

        <script type="text/javascript">
            (function($) {
                $(document).ready(function() {
                    $('.rcbItem')
                    .mouseover(function() {
                        $(this).stop().animate({ paddingLeft: "30px" }, { duration: 300 });
                    })
                    .mouseout(function() {
                        $(this).stop().animate({ paddingLeft: "4px" }, { duration: 300 });
                    });
                });
            })($telerik.$);
        </script>
    </div>
    </form>
</body>
</html>
