How to put javascript code in another javascript code
<p>I would like to put </p>

<pre><code>&lt;div id='gallerysharebar'&gt;
    &lt;div id='fbshare' class='fb-like' data-href='http://www.facebook.com' data-send='false' data-layout='button_count' data-width='100' data-show-faces='false' data-font='tahoma'&gt;
    &lt;/div&gt;
    &lt;a id='pinterest-icon' href='
javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());
'&gt;&lt;img onclick='doPinIt();' src='/wp-content/themes/bliss/images/pin-it.png' alt='Pin It'/&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>this code in xxx part of the javascript code. The problem is that code is all javascript so  when I put the above code directly it crashes the gallery.</p>

<pre><code>   f.fn.tn3.version = "1.1.0.44";
    f.fn.tn3.config = {
        data: null,
        skin: null,
        skinDir: "skins",
        skinDefault: '..........&lt;div class="tn3-show-albums"&gt;&lt;/div&gt;&lt;div class="tn3-next-page"&gt;&lt;/div&gt;&lt;div class="tn3-prev-page"&gt;&lt;/div&gt;**xxxxxxxx**&lt;div class="tn3-play"&gt;&lt;/div&gt;...........',
        cssID: null
    };
</code></pre>
