javascript - 別のスクリプトから関数内の変数を制御する方法は?

Question

私はこのようなコードを持っています( http://jsfiddle.net/tb7E9/1/ ):

<script>
    function listEvents(json) {
        var feed = json.feed;
        for (var i = 0; i < 3; i++) {
            var entry = json.feed.entry[i];
            var posttitle = entry.title.$t;
            //Style
            if (i == 0) {
                x = "<span style='color:red'>Style 1 </span><p>" + posttitle + "</p>";
                p = "<span style='color:red'>Style 2 </span><h4>" + posttitle + "</h4><p>";
            }
            if (i == 1) {
                y = "<p>" + posttitle + "</p>";
                g = "<h4>" + posttitle + "</h4></p>";
            }
        }
        style1 = x + y; document.write(style1);
        style2 = p + g; document.write(style2);
    }
</script>

2 番目のスクリプト:

<script>
    //How to style1 is actived here? 
    document.write("<script src=\"http://www.allbloggertricks.com/feeds/posts/default/-/Tutorials?orderby=published&alt=json-in-script&callback=listEvents\"><\/script>");
</script>

スタイルのみを表示したい (jsfiddle の例のように、style1 は通常のテキスト、style2 はボールド テキスト)。これは、表示に style1 を選択すると、style2 が無効になることを意味します。

これを行うには、2 番目のスクリプトのコードを変更するにはどうすればよいですか? ご協力いただきありがとうございます。