<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Telerik Controls for Silverlight</TITLE>
<META content=text/html;charset=utf-8 http-equiv=content-type>
<META content=IE=7 http-equiv=X-UA-Compatible>
<META name=Description content="Browse hundreds of online examples and discover the powerful features and capabilities of the Telerik Silverlight 4 controls.">
<META name=keywords content="Silverlight examples, Silverlight 4 examples, Silverlight controls examples, Silverlight code examples, Silverlight 4 code examples, Silverlight applications, Silverlight 4 applications">
<META name=Generator content="Sitefinity 3.5.1755.1:0"><LINK rel="shortcut icon" type=image/x-icon href="favicon.ico">
<STYLE type=text/css>
        *{margin:0px ; padding:0px;}
        html, body{
            height: 100%;
            overflow: hidden;
        }
        
        body{
            padding: 0;
            margin: 0;
            background: #fcfcfc url(../img/background.jpg) no-repeat top center;
        }
        
       .container p{
            color: #2f2f2f;
            font: 16px Arial, Helvetica, sans-serif;
            padding-bottom: 10px;
        }
        
       .container p.font_size_18{
            font-size: 18px;
        }
        
       .container p.font_size_18 span{
            display: block;
        }
        
       .container p.font_size_18 span.span_tx1{
            padding: 25px 0px;
            color: #8e8d8d;
            font: 16px Arial, Helvetica, sans-serif;
        }
        
       .container p.font_size_18 span.span_tx2, .container p.font_size_18 span.span_tx2 a{
            font: 12px/18px Arial, Helvetica, sans-serif;
        }
        
       .container a{
            color: #1b93d5;
            font: 16px Arial, Helvetica, sans-serif;
            background: url(../img/link_line.png) repeat-x 0px bottom;
            text-decoration: none;
            padding-bottom: 2px;
        }
        
       .container a:hover{
            background: none;
        }
        
       .container{
            text-align: center;
            padding-top:130px
        }
        
       .container .telerik_logo a, .container .telerik_logo a:hover{
            display: block;
            width: 166px;
            height: 57px;
            margin: 0px auto 70px auto;
            background: url(../img/telerik_logo.png) no-repeat;
        }
        
        .container .telerik_logo a span{
            display: none;
        }
        
        #silverlightControlHost
        {
            height: 100%;
            text-align: center;
        }
    </STYLE>

<SCRIPT type=text/javascript src="http://www.google-analytics.com/ga.js" async="true"></SCRIPT>

<SCRIPT type=text/javascript src="Silverlight.js"></SCRIPT>

<SCRIPT type=text/javascript src="SplashScreen.js"></SCRIPT>

<SCRIPT type=text/javascript>
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-111455-1']);
        _gaq.push(['_setDomainName', '.telerik.com']);
        _gaq.push(['_setAllowHash', false]);
        _gaq.push(['_trackPageview', location.pathname + location.search + location.hash]);

        function trackEvent(category, action, opt_label, opt_value) {
            _gaq.push(['_trackPageview', category]);
        }

        (function () {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
    </SCRIPT>

<SCRIPT type=text/javascript>

        function onSilverlightError(sender, args) {
            var appSource = "";
            if (sender != null && sender != 0) {
                appSource = sender.getHost().Source;
            }

            var errorType = args.ErrorType;
            var iErrorCode = args.ErrorCode;

            if (errorType == "ImageError" || errorType == "MediaError") {
                return;
            }

            var errMsg = "Unhandled Error in Silverlight Application " + appSource + "\n";

            errMsg += "Code: " + iErrorCode + "    \n";
            errMsg += "Category: " + errorType + "       \n";
            errMsg += "Message: " + args.ErrorMessage + "     \n";

            if (errorType == "ParserError") {
                errMsg += "File: " + args.xamlFile + "     \n";
                errMsg += "Line: " + args.lineNumber + "     \n";
                errMsg += "Position: " + args.charPosition + "     \n";
            }
            else if (errorType == "RuntimeError") {
                if (args.lineNumber != 0) {
                    errMsg += "Line: " + args.lineNumber + "     \n";
                    errMsg += "Position: " + args.charPosition + "     \n";
                }
                errMsg += "MethodName: " + args.methodName + "     \n";
            }

            throw new Error(errMsg);
        }
    </SCRIPT>
</HEAD>
<BODY>
<FORM style="HEIGHT: 100%" id=form1 method=post name=form1 action=default.aspx>
<DIV><INPUT id=__VIEWSTATE name=__VIEWSTATE value=/wEPDwUKLTgwNTMzNDc0OGRkPpA3dX81Zg0cCTGIaVqtQ59eSjxVHPgIqctfp7+25nE= type=hidden> </DIV>
<DIV id=silverlightControlHost>
<OBJECT data="data:application/x-oleobject;base64, " width="100%" type=application/x-silverlight-2 height="100%">
                                                                        
                                                            
            <div class="background" style="margin: 0px; padding: 0px;">
                <div class="container">                    <!-- header -->
                    <div class="telerik_logo">
                        <a href="http://www.telerik.com"><span>Telerik.com</span></a>
                    </div>                    <!--end header -->
                    <!-- info -->                    <div class="info_box">
                        <p>
                            Welcome to the <strong>Silverlight Controls Demo Site</strong>.<br />
                            To view this demo, you need to <a target="_blank" href="http://microsoft.com/getsilverlight">
                                install Microsoft Silverlight Plugin</a>.
                        </p>                        <p class="font_size_18">
                            <strong>Don’t worry, it’s easy and only takes a second</strong>. <span class="span_tx1">
                                or</span> <span class="span_tx2">Go to Telerik.com <a href="http://www.telerik.com">
                                    Home Page</a></span> <span class="span_tx2">Go to <a href="http://www.telerik.com/silverlight">
                                        Silverlight Product Overview</a></span>
                        </p>                    </div>
                    <!-- end info -->                </div>            </div>
        </OBJECT><IFRAME style="BORDER-RIGHT-WIDTH: 0px; WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 0px; VISIBILITY: hidden; BORDER-LEFT-WIDTH: 0px" id=_sl_historyFrame></IFRAME></DIV></FORM>
<SCRIPT type=text/javascript>function _sl_SetUriHash(hash){hash = encodeURIComponent(hash).replace(/\'/g, "\\'");title = encodeURIComponent(document.title).replace(/\'/g, "\\'");var d = document.getElementById('_sl_historyFrame').contentWindow.document;d.open("javascript:'<html></html>'");d.write("<html><head><scr" + "ipt type='text/javascript'>function _sl_OnIFrameSetHash(h, t){h = decodeURIComponent(h);parent.location.hash = h;parent.window._sl_hashInJournal = h;t = decodeURIComponent(t);parent.document.title = t;document.title = t;}_sl_OnIFrameSetHash('" + hash + "','" + title + "');</scr" + "ipt></head><body></body></html>");d.close();}</SCRIPT>
</BODY></HTML>