<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
                <title>Jaggery - Delicious Javascript</title>
                <meta name="description" content="">
                    <meta name="author" content="">

                        <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
                        <!--[if lt IE 9]>
                        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                        <![endif]-->

                        <!-- Le styles -->
                        <link href="../css/bootstrap.css" rel="stylesheet">
                            <style type="text/css">
                            body {
                                padding-top: 60px;
                                }
                            </style>
                            <link href="../css/prettify.css" rel="stylesheet">
                                <!-- Le fav and touch icons -->
                                <link rel="shortcut icon" href="../images/favicon.ico">
                                    <link rel="apple-touch-icon" href="../images/apple-touch-icon.png">
                                        <link rel="apple-touch-icon" sizes="72x72"
                                        href="../images/apple-touch-icon-72x72.png">
                                            <link rel="apple-touch-icon" sizes="114x114"
                                            href="../images/apple-touch-icon-114x114.png">
                                            </head>

                                            <body>

                                                <%
                                                include('/includes/topnavi.jag');
%>

<div class="container-fluid" style="width: 960px; margin: auto;">
    <div class="row">
        <div class="span16">
            <div class="page-header">
                <h1>
                    Documentation
                    <small>API documentation for Jaggery.js</small>
                </h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="span4">
            <div class="well">
                <%
                include('/includes/navi.jag');
                %>

            </div>

        </div>
<div class="span12">
<div class="content" id="stringify" name="stringify">
<h3>stringify()</h3>

    <pre class="prettyprint linenums">
&lt%
    var myJson = {};
    myJson.name = "nuwan";
    myJson.company = "wso2";

    print(stringify(myJson));
%&gt
</pre>
<%

var jsonCode = '&lt%'
                                                + '\n var myJson = {};'
                                                + '\n myJson.name = "nuwan";'
                                                + '\n myJson.company = "wso2";'
                                                + '\n\n print(stringify(myJson));'
                                                + '\n %&gt';

var codeSnip = encodeURIComponent(jsonCode);

var urlString = '../tryitframe.jag?code='+codeSnip;


%>

<div id="tryitwindow" class="modal hide fade">
<div class="modal-header">
    <a href="#" class="close">&times;</a>

    <h3>Try it now</h3>
</div>
<div class="modal-body">
    <iframe src="<%=urlString%>" style="border: none;" width="98%"
            height="520px" scrolling="no"></iframe>
</div>

</div>

<p align="right">
<button class="btn primary" data-keyboard="true" data-backdrop="true"
        data-controls-modal="tryitwindow">Try it now
</button>
</p>

    <div id="pageLinks">
        <a class="navilink" href="#overview">Overview</a>
        <%if(hasParams) {%>
        <a class="navilink" href="#parameters">Parameters</a>
        <%}%>
        <%if(hasRets) {%>
        <a class="navilink" href="#returnVals">Return values</a>
        <%}%>
    </div>

    <section id="overview">

<h4>Overview</h4>
<p class="description"><code>stringify()</code> takes a JSON object and converts it to a String</p>

        <pre class="prettyprint">var jsonString = stringify(jsonObj)</pre>

    </section>

    <section id="parameters">

        <h4>Parameters</h4>
        <table class="clsStd operations-table">
            <tbody>
            <tr>
                <th>Parameter</th>
                <th>Type</th>
                <th>Description</th>
            </tr>
            <tr>
                <td><code>jsonObj</code></td>
                <td>Object</td>
                <td>
                    <pre class="prettyprint">var jsonObj = {};
jsonObj.name = "nuwan";
jsonObj.company = "wso2";</pre>
		    A JSON Object
                </td>
            </tr>

            </tbody>
        </table>
    </section>

    <section id="returnVals">
        <h4>Return values</h4>
        <table class="clsStd operations-table">
            <tbody>
            <tr>
                <th>Value</th>
                <th>Type</th>
                <th>Description</th>
            </tr>
            <tr>
                <td><code>jsonString</code></td><td>String</td><td>
		  <pre class="prettyprint">var jsonStr = stringify(jsonObj)</pre>
	          Stringified JSON object</td>
            </tr>
            </tbody>
        </table>
    </section>

</div>
<!-- /JSON div -->
<br>
<br>
</div>

</div>
    <%
    include('/includes/footerfunc.jag');
    %>

</div>
<%
include('/includes/scripts.jag')
%>
<!-- /container -->

 <script>
$(document).ready(function(){
        $('#stringify').toggleClass('active')
        $('#docs').addClass('active')
        })

</script>
</body>
</html>
