Google Hangouts Code (Think Again)

hangouts.html

<p>Google+ Hangouts are online rooms where you can have a face-to-face conversation with up to 10 people at once. This is a great way to meet your classmates and to practice thinking and arguing with students all over the world!</p>
<p>
    We've provided some possible discussion topics, but you can talk about whatever you want in each of the rooms, so don't hesitate to jump right in and see what everyone's talking about. And don't worry if you're the first person in a room -- other students
    will be there soon :-)
</p>
<p>
    When you click to join a hangout, you will be asked to create a Google+ Account if you do not already have one. After entering a Hangout room, you will also need to click the JOIN button to participate in the Hangout. Have fun, and please use the
    <a
    href="https://class.coursera.org/thinkagain-2012-001/forum/list?forum_id=27">Google+ Hangouts Forum</a>to give us your feedback!
</p>


<div id="course-hangouts" style="">
    <p style="font-weight:bold;">Here are some general rooms you can hangout in:</p>
</div>

<div style="clear:left;height:20px;">&nbsp;</div>

<div id="course-hangouts-topics" style=" ">
    <p style="font-weight:bold;">Here are some interesting questions that you may want to discuss:</p>
</div>

<div style="clear:both;">
    <script src="https://talkgadget.google.com/widget/js"></script>
    <script type="text/javascript">
        function addHangoutWidget(id, topic, width) {
            window.setTimeout(function() {
                window.gapi.hangout.widget(id, {
                    'topic': topic,
                    'publisher_id': '111950594039269281469',
                    'width': width
                });
            }, 0);
        }

        function makeHangout(topic) {
            var wrapperDiv = document.createElement('div');
            wrapperDiv.style.marginRight = '10px';
            wrapperDiv.style.cssFloat = 'left';
            document.getElementById('course-hangouts').appendChild(wrapperDiv);
            var div = document.createElement('div');
            div.id = 'course-hangout-' + topic.replace(/ /g, "_");
            wrapperDiv.appendChild(div);
            addHangoutWidget(div.id, topic, 260);
        }

        function makeHangoutTopic(topic) {
            var wrapperDiv = document.createElement('div');
            wrapperDiv.style.marginBottom = '10px';
            document.getElementById('course-hangouts-topics').appendChild(wrapperDiv);
            var div = document.createElement('div');
            div.id = 'course-hangout-' + topic.replace(/ /g, "_");
            wrapperDiv.appendChild(div);
            addHangoutWidget(div.id, topic, 800);
        }

        window.onload = function() {
            makeHangout("Meet someone new");
            makeHangout("Talk about the class");
            makeHangout("Discuss a lecture");

            //makeHangoutTopic("Is there any way to solve the philosophical problem of the skeptical regress (Lecture 2-3)?");
            //makeHangoutTopic("Are abusive assurances (Lecture 2-4) ever justified? If so, when? If not, why not?");
            //makeHangoutTopic("How can you tell when a claim is guarded TOO MUCH? See Lecture 2-5");
            makeHangoutTopic("How can we determine whether it is possible for an argument to have true premises and a false conclusion?");
            makeHangoutTopic("What is truth? If we do not know what truth is, how can we tell whether an argument is sound?");

        };
    </script>
</div>