Lung Cancer Donations update page

<!--
/**
 * @license
 * MyFonts Webfont Build ID 2931281, 2014-11-30T14:50:45-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Dual-300 by CDType
 * URL: http://www.myfonts.com/fonts/cdtype/dual/300/
 * Copyright: Copyright (c) 2014 by Charles Daoud. All rights reserved.
 * Licensed pageviews: 20,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2931281
 *
 * ? 2014 MyFonts Inc
*/

-->


<!DOCTYPE HTML>

<html>
    <head>
     <meta charset = "utf-8" />
        <script src = "script.js"> </script>
        <link rel="stylesheet" type="text/css" href="engine1/style.css" />
        <script type="text/javascript" src="engine1/jquery.js"></script>
        <link rel = "stylesheet" href = "style.css" />
        <link rel = "stylesheet" href = "http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" />
        <link rel = "stylesheet" href = "fonts.css" />
        <script rel = "text/javascript" src="jquery-1.11.1.js"></script>
        <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>-->
        <script type="text/javascript" src="smoothscroll.js"></script>
        <script src="Chart.js"></script>
        <script type="text/javascript">window.onload = function(){
                                var ctxlung = document.getElementById("lungStatsPie").getContext("2d");
                                window.myPie = new Chart(ctxlung).Pie(pieDataLung);

    var ctx2 = document.getElementById("LungStatsLine").getContext("2d");
        window.myLine = new Chart(ctx2).Line(lineChartDataLung, {
            responsive: true
        });


            };</script>

        <title>Sickness</title>
    </head>

     <body>


        <div id='header_holder'>

        <div id='header'>
            <span id = "title_text">LOGO</span>


           <div id = "user_options">

            <span id = "option_one" class = "flexible" onClick = "openHome()">Home</span>
            <span id = "option_two" class = "flexible" onClick = "openDisease()">Diseases</span>
            <span id = "option_three" class = "flexible">Stories</span>
            <span id = "option_four" class = "flexible">FAQ</span>
            <span id = "option_five" class = "flexible">Contact Us</span>

            </div>


            <div id='blue'></div><div id='pink'></div><div id='green'></div><div id='orange'></div><div id='red'></div><div id='yellow'></div><div id = "color"></div>

        </div>
            </div>

            <div id="parallax-main">

                <section>
                    <div class="title">
                    <!--<h3>Lets add content</h3>
                    <h1>To make this look cool</h1>-->

                    </div>
                </section>

                  <section>
                    <div class="parallax-eye">
                        <h2 id = "picture_text" class = "altText">More people die from Lung Cancer than<br /> Colon, Breast, and Prostate Cancers combined</h2>


                    </div>
                </section>


                <section>
                    <div class="block">
                    <p><div id = "center_element"><span class="first-character one">LUNG CANCERS</span></div>

                    <div id = "move_down">
                    <div id = "move_down">
                        <!-- Body Content One -->

                        <div id = "menu_box">
                            <span id = "menu_box_header">Content</span>
                            <br />
                            <br />
                            <span id = "info_box">

                                Cases Per Year: 224,210
                                <br />
                                Deaths Per Year: 159,260

                            </span>
                            <br />

                            <a href = "#anchor_up_first" class = "smoothScroll"> <span id = "menu_box_options">What are Lung Cancers?</span> </a>
                            <br/><br /><br />
                            <a href = "#anchor_up_second" class = "smoothScroll"> <span id = "menu_box_options">Advancements in Treatement</span> </a>
                            <br/><br /><br />
                            <a href = "#anchor_up_third" class = "smoothScroll"> <span id = "menu_box_options">How to Help</span> </a>


                        </div>

                        <br />
                         <p class="line-break margin-top-10"></p>
                        <br />
                        <div id = "anchor_up_first" class = "move_focus_up"> </div>
                        <div id = "goFirst" class = "smaller_header">What are Lung Cancers?</div>


                        <br />


                        Lung cancers are tumorous growths found in the lungs, taking over either the actual membrane of the lung, or the air holes inside the lung, which are essential for respiration. Lung cancers are responsible for 27% of deaths from all cancers, making it the leading cancer in terms of mortality. Despite the seriousness of lung cancer, when located early, it is easy to treat and remove. There are three primary types of Lung Cancer:<span onClick = "window.open('http://www.cancer.org/cancer/lungcancer-non-smallcell/index')" class = "link"> Non-Small Cell Lung Cancer</span>(NSC Lung Cancer), <span onClick = "window.open('http://www.cancer.org/cancer/lungcancer-smallcell/index')" class = "link">Small Cell Lung Cancer</span>(SC Lung Cancer), and <span onClick = "window.open('http://www.cancer.org/cancer/lungcarcinoidtumor/index')" class = "link">Lung Carcinoids</span>. Details of each type will be throughly dicussed below.


                        <br />
                        <br />

                        Lung cancer is cancer that starts in the lungs. The lungs are located in the chest. When you breathe, air goes through your nose, down your windpipe (trachea), and into the lungs, where it spreads through tubes called bronchi. <span onClick = "window.open('http://www.ncbi.nlm.nih.gov/pubmedhealth/PMH0004529/')"class = "link">Most lung cancers begins in the cells that line these tubes.</span> One of the most well known causes of this deadly disease is through the use of cigarattes or another carcinogenic inhalent.

                        <br />
                        <br />

                        Lets begin by going through the specifics of each type of lung cancer as highlighted above. The graph below reveals the 3 different types of lung cancers, and how prevalent they are in all total lung cancer cases. The clear leader is NSC Lung Cancer, with SC Lung Cancer comprising of 15% of all lung cancer cases, and Lung Carcinoids consisting of only 5% of total lung cancer cases.


                        <br />
                        <br />


                        <div id = "center_element">

                                                        <div style="width: 100%">

                                                                <canvas id="lungStatsPie" height="200" width="430"></canvas>

                                                        </div>

                                                </div>
                        <br />

                        <div id = "center_element">

                        <span style = "color: #F7464A; font-size:22px;">NSC Lung Cancer</span>
                        <span style = "color: #46BFBD; font-size:22px;">SC Lung Cancer</span>
                        <span style = "color: #FDB45C; font-size:22px;">Lung Carcinoids</span>

                        </div>


                        <br /><br />


                        <div class="accordion">
                                <dl>
                                    <dt><a class="accordionTitle" href="#" style = "background-color: #F7464A;">NSC Lung Cancer</a></dt>
                                    <dd class="accordionItem accordionItemCollapsed">
                                        <p>
                                            Non-Small Cell Lung Cancer, or just NSC Lung Cancer for short, is by far, the most common type of lung cancer. To understand what not only NSC Lung Cancer is, but what Lung Cancer as a whole is, we must first understand the <span class = "link" onClick = "window.open('http://www.webmd.com/lung/how-we-breathe')">basic workings of the lungs.</span> When a person breathes in, the fresh oxygen goes directly to the bronchi, two large tubes that feed into the lungs, and eventually branch off into smaller braches calle bronchioles. The clean oxygen is held in tiny sacs called alveoli in these bronchioles, and the blood pumping through your body takes absorbs that oxygen and replaces it with dirty, non-resuable carbon dioxide(CO2). Once the CO2 is held in the alveoli sacs, you exhale it all out, and thus keeping your body fresh with the oxygen it needs to survive.

                                                <br />
                                                <br />

                                               When NSC Lung Cancer is formed, it usually starts in the tiny branches of the bronchioles, and initially, there is no noticbale tumor growth. The only abnormal growth that can be seen is under a microscope, with unusually large amounts of DNA being produced. Over time, the abnormal cells may acquire other gene changes, which cause them to progress to true cancer. As a cancer develops, the cancer cells may make chemicals that cause new blood vessels to form nearby. These blood vessels nourish the cancer cells, which can continue to grow and form a tumor large enough to be seen on imaging tests such as x-rays.

                                                <br />
                                                <br />

                                            <span class = "link" onClick = "window.open('http://www.nlm.nih.gov/medlineplus/ency/article/007194.htm')">NSC Lung Cancer is especially dangerous because of how easy it metastasizes(spreads).</span> Remember how we said that the blood comes to all those tiny sacs called the alveoli? This system proves to be extremely effective in carrying the cancer cells to other part of the body, which is evenutally the killer of most cancer patients. What makes it even more threatening is the fact that it tends to spread in this way even before it can be detected on an imaging test such as a chest x-ray.


                                                <br />
                                                <br />

                                    If this tumor isnt treated quickly, the cancerous cells will actually continue to grow, and invade most of the tiny alveoli in the body. Because the cancer restricts oxygen transfer to the blood, NSC Lung Cancer can result in harsh, raspy sounds when you breathe, coughing up blood or mucus, and lasting lung problems like pneumonia and bronchitis, which can eventually kill a person
                                    </p>
                                    </dd>

                                    <dt><a class="accordionTitle" href="#" style = "background-color: #46BFBD">SC Lung Cancer</a></dt>
                                    <dd class="accordionItem accordionItemCollapsed">
                                        <p>

                                            Before discussing the specifics of SC Lung Cancer, first let us distinguish <span class = "link" onClick = "window.open('http://www.cancer.org/cancer/lungcancer-smallcell/detailedguide/small-cell-lung-cancer-what-is-small-cell-lung-cancer')">SC Lung Cancer from NSC Lung Cancer.</span> As is apparent from the name, the actual size of the cancerous cells are much smaller in size, and are only visible through a microscope, making this even more dangerous than NSC Lung Cancer. Another difference is that while NSC Lung Cancer starts in the bronchioles, SC Lung Cancer actually starts in the bronchi, one of the two big main pipes that lead into your lungs, allowing for faster spreading throughout the body. This disease only affects 15-20% of the total Lung Cancer cases, but is still a major threat


                                            <br />
                                            <br />

                                            Another key difference between NSC and SC Lung Cancer is that SC Lung Cancer <span class = "link" onClick = "window.open('http://www.emedicinehealth.com/small-cell_lung_cancer/article_em.htm')">responds much better to treatment methods like chemotherapy and radiation therapy. </span> Even though SC Lung Cancer is able to spread extremely quickly due to the region in which it grows, it becomes much easier to tackle the SC Lung Cancer with the methods mentioned above.


                                            <br />
                                            <br />
                                            The symptoms of SC Lung Cancer do not differ much from those of NSC Lung Cancer, except for one thing. Small-cell lung cancer is frequently associated with distinct <span class = "link" onClick = "window.open('http://en.wikipedia.org/wiki/Paraneoplastic_syndrome')">paraneoplastic syndromes</span> (collection of symptoms that result from substances produced by the tumor, occurring far away from the tumor).


                    </p>
                    </dd>

                                        <dt><a class="accordionTitle" href="#" style = "background-color: #FDB45C">Lung Carcinoids</a></dt>
                                    <dd class="accordionItem accordionItemCollapsed">
                                        <p>
                                            Lung Carcinoids are an extremely rare form of Lung Cancer, accounting for only 5% of all Lung Cancer cases. Lung Carcinoids are extremely different from the other two types of lung cancer, as they don't affect the physical pathways of the lungs, but rather special types of cells called <span class = "link" onClick = "window.open('http://en.wikipedia.org/wiki/Neuroendocrine_cell')">nueroendocrine cells</span> that produce hormones like adrenaline, that regulate and control the energy levels of lung cells.

                                        <br />
                                        <br />

                                            Lung Carcinoids are also different from NSC and SC Lung Cancers in terms of growth. <span class = "link" onClick = "window.open('http://www.emedicinehealth.com/carcinoid_lung_tumor/article_em.htm')">Lung Carcinoids move very, very slow when compared to the other two types.</span> The reason for this is because the other two types utilize the circulatory system to carry cancer cells, and blood moves very rapidly throughout the body. Carcinoids take longer because they mimic hormones, which are inherently slower than blood transfer. An example would be adrenaline. Adrenaline doesnt immediately cut off, it ebbs away and takes its time for the effects to be reduced, and these same principles apply to Lung Carcinoids.


                                        </p>
                    </dd>

                                </div>


                        <br />
                        <p class="line-break margin-top-10"></p>
                        <br />

                        <div id = "anchor_up_second" class = "move_focus_up"> </div>
                        <div id = "goFirst" class = "smaller_header">Advancements in Treatment</div>

                        <br />

                            Through the constant effort of ever-committed medical staff, and through the countless leaps in advanced technology, the mortality rates of Lung Cancer, the deadliest cancer in the world, has been steadily going down since 1993 by over 15%, and will continue throught the constant efforts of the world.


                        <!--

                        New technological advancements have proven to be very effective in terms of treating Blood Cancer patients. Take Leukemia for example - as can be seen below, the general trends that dictate the deaths resulting from this type of cancer have generally been positive.   In fact, the 5-year cancer survival rate increased by a <a href = "http://seer.cancer.gov/statfacts/html/leuks.html" class = "link" target="_blank">whopping 26 percent between 1975 and 2005</a>.
                    -->
                        <br />

                        <div id = "center_element">

                            <div style="width: 100%">

                                <canvas id="LungStatsLine" height="200" width="430"></canvas>

                            </div>

                        </div>
                        <br/><br />
                        <div id = "center_element" style = "color:gray; font-size:16px;">
                            Percentage of Lung Cancer Mortality Rates
                        </div>

                        <br />
                        <br />
                        <div class = "smallest_header" style = "text-decoration:none;">Why the Increase?</div>
                        <br />

                            The significant increase in survival rates can be attributed to not only the extreme advances in modern science and practice of medicine, allowing for more effective methods of treatment that make Lung Cancers easier to deal with, but also the slow decrease in people who smoke Below are some explanations of the medical staff that will be assisting their patient's treatement, in addition to certain types of treatment that have been proven to help. Make sure to click on links in the text for even more information.


                        <br />
                        <br />


                            <div class="accordion2">
                                <dl>


                                    <dt><a class="accordionTitle2" href="#memes" style = "background-color: #FDB45C;">Medical Staff</a></dt>
                                    <dd class="accordionItem2 accordionItemCollapsed2">
                                        <p>
                                            Once a patient is diagnosed with any form of Lung Cancer, the best doctors and other medical staff work with the patient to create the best possible treatment plan. <span class = "link" onClick = "window.open('http://www.healthline.com/health/doctors-for-lung-cancer#Overview1')">There are a total of 3 specialized doctors that work with lung cancers.</span> The oncologist is a general cancer doctor that establishes the optimal treatment plan for the patient. The pulminologist is a doctor who specializes in treating diseases of the lungs, such as lung cancer, COPD, and tuberculosis. With cancer, a pulmonologist aids in diagnosis and treatment. Lastly, the thoracic surgeon specialize in surgery of the chest (thorax). They perform operations on the throat, lungs, and heart.

                                            <br />
                                            <br />

                                            Depending on the type and stage of the cancer and other factors, treatment options for lung cancer can include: <span class = "link" onClick = "window.open('http://www.cancer.net/cancer-types/lung-cancer/treatment-options')">Surgery, radiation therapy, laser therapy, chemotherapy, and certain types of targeted therapy.</span> Sometimes, more than one of type of treatment might be used. In choosing which treatment plan is best for the patient, some important factors to consider include the location and stage of the cancer, the patient's overall health, the chances of curing the disease, and the possible impact of the treatment on the lungs.


                                        </p>
                                    </dd>
                                    <dt><a class="accordionTitle2" href="#memes" style = "background-color: #F7464A;">Lobectomy</a></dt>
                                    <dd class="accordionItem2 accordionItemCollapsed2">
                                        <p>
                                            <span class = "link" onClick = "window.open('http://www.hopkinsmedicine.org/healthlibrary/test_procedures/pulmonary/lobectomy_92,p07749/')">Lobectomy</span> is a specific type of surgery, catered to the specific structure of the lungs and surrounding systems. The lungs typically have five lobes, three in the right lung and two in the left lung. Lobectomy is a very effective method of surgery, even when the tumor is small.

                                            <br />
                                            <br />

                                            Lobectomy usually takes out an entire lobe, specifically the one with the cancerous cells. Even if one lobe is taken out, the lungs still function and provide oxygen to the body, albeit at a lesser rate and with some difficulties.
                                            <br /><br />
                                            This type of surgery has many side effects afterwards, and is usually very risky, but it has always served well in terminating the growth of cancer after the surgery is over.


                                    </dd>
                                    <dt><a href="#memes" class="accordionTitle2" style = "background-color: #46BFBD;">Radiofrequency Ablation (RFA)</a></dt>
                                    <dd class="accordionItem2 accordionItemCollapsed2">
                                        <p>
                                            <span class = "link" onClick = "window.open('http://www.cancer.net/cancer-types/lung-cancer/treatment-options')">RFA</span> is a very unique method of cancer treatment, and can only be used on the lungs, because of the inherent nature of their structure. RFA is a minimally invasive treatment for cancer. It is an image-guided technique that heats and destroys cancer cells.

                                        <br />
                                        <br />

                                        Imaging techniques such as ultrasound, computed tomography (CT) or magnetic resonance imaging (MRI) are used to help guide a needle electrode into a cancerous tumor. High-frequency electrical currents are then passed through the electrode, creating heat that destroys the abnormal cells.
                                            <br />
                                            <br />
                                            This form of treatment is one of the most effective ones that have been discovered so far. The electric currents target only the cancerous region, and do not jump around too much. In addition, the amount of current required to kill the cells is not harmful to the human body as a whole, so minimal pain is experienced after the procedure.


                                        </p>
                                    </dd>

                                </dl>

                            </div>
                            <br />
                        <p class="line-break margin-top-10"></p>
                        <br />

                        <div id = "anchor_up_third" class = "move_focus_up"> </div>
                        <div id = "goFirst" class = "smaller_header">How to Help</div>
                        <br />
                           Even though Lung Cancer is a heavily researched form of cancer, it still remains at large as the single largest contributor to cancer-related deaths. While progress has certaintly been made in recent years, further research is required to make this Eye Cancer an issue of the past. Fotunately, the organizations detailed below all provide a valuable opportunity to right this wrong, and to ensure that Lung Cancer is allocated the research that it deserves and requires.


                        <br /><br />


                            <div class="accordion3">
                                <dl>
                                    <dt><a class="accordionTitle3" href="#b0ss" style = "background-color: #FDB45C;">A Breath Of Hope Lung Foundation</a></dt>
                                    <dd class="accordionItem3 accordionItemCollapsed3">
                                        <p>

                                            <span class = "link" onClick = "window.open('http://abreathofhope.org/')">A Breath Of Hope Lung Foundation</span> is a foundation that is dedicated to supporting and funding the research for treatments on lung cancers, and works tirelessly to provide the best rehabilitation for not only lung cancer patients, but the families of those patients as well.

                                            <br />                      <br />

                                            Maximizing awareness and supporting all positive endaverous of lung cancer treatment are important goals of this foundation, but they also have 3 specific goals they outline themselves: 1. Increased Research, 2. Increased outreach, especially in low income communities where lung cancer is most prevalent, and 3. Increased support of patients who often face this cancer with little or no support.

                                            <br />
                                            <br />

                                            A Breath of Hope Lung Foundation is a 501(c)(3) tax exempt organization and is proud to meet all standards of the <span class = "link" onClick = "window.open('http://www.smartgivers.org/')">Charities Review Council.</span> All donations are tax deductible to the full extent of the law. Click below to donate and change someones life forever.


                                            <br />
                                            <br />
                                            <span id = "hidden_button" style = "font-size:22px;" onClick = "window.open('https://www.thedatabank.com/dpg/508/spdf.asp?formid=donates')">Donate</span>


                                        </p>
                                    </dd>

                                    <!-- span is put in place to avoid strange alteration on '&' symbol -->

                                    <dt><a class="accordionTitle3" href="#b0ss" style = "background-color: #F7464A">Lung Cancer Foundation of America</a></dt>


                                    <dd class="accordionItem3 accordionItemCollapsed3">
                                        <p>
                                <span class = "link" onClick = "window.open('http://www.lcfamerica.org/#sthash.OjQiqHvU.dpbs')">The Lung Cancer Foundation of America</span> is a foundation based in the US dedicated to pioneering groundbreaking results in the fields of lung cancer treatement, and also strive to improve the lives of the hundreds of thousands of lung cancer patients in this nation.

                                            <br />
                                            <br />

                                            To accomplish this, LCFA will work to raise both the funds and the national profile of lung cancer in order to substantially increase support of innovative and groundbreaking research efforts. Check out <span class = "link" onClick = "window.open('https://www.youtube.com/watch?v=SLoqn93S_tc')">this</span> video, to learn even more about this wonderful center for transformative science in the are of lung cancer treatment.
                                            <br />
                                            <br />

                                            This foundation would be absolutely nothing without the person most pivotal to their operations: You. Nothing would be possible without the help and funding of you, and all others around you. Click the button below to be redirected to their donation page, and change the world as we know it, today.

                                            <br />
                                            <br />


                                            <span id = "hidden_button" style = "font-size:22px;" onClick = "window.open('https://app.etapestry.com/hosted/LungCancerFoundationofAmer/OnlineDonation.html')">Donate</span>

                                        </p>
                                        </dd>

                                    <dt><a class="accordionTitle3" href="#b0ss" style = "background-color: #1FDA9A">SmokeFree.gov</a></dt>


                                    <dd class="accordionItem3 accordionItemCollapsed3">
                                        <p>
                                            The <span id = "hidden_button" style = "font-size:22px;" onClick = "window.open('https://app.etapestry.com/hosted/LungCancerFoundationofAmer/OnlineDonation.html')">SmokeFree.gov</span> foundation is a bit different than the other ones listed above in that it doesnt actually cater to lung cancer patients or the treatment of it itself, but rather the #1 cause of it: smoking. Smoking is easily the most dangerous and most prevalent cause of lung cancers, increasing someones chances of getting lung cancer by upwards of <span id = "hidden_button" style = "font-size:22px;" onClick = "window.open('http://www.cdc.gov/cancer/lung/basic_info/risk_factors.htm')">15 to 30 times more.</span> While smoking, the body inhales over 7000 different chemicals, 70 of which are known to cause cancer in humans.

                                            <br />
                                            <br />

                                            This wonderful foundation has the tools and resources to ensure one goal: To make sure the people around you are able to quit smoking, and finally live a healthy life free of worry. They provide the guides and advice necessary to revamp a persons life, and develop a simple quitting plan that best suits the person in question.
                                            <br />
                                            <br />

                                            This website alone cannot help spread the word themselves, so click the link below to be directed to their website, and find guides and tips to help people quit smoking once and for all.

                                            <br />
                                            <br />


                                            <span id = "hidden_button" style = "font-size:22px;" onClick = "window.open('http://smokefree.gov/ready-to-quit')">Find More</span>

                                        </p>
                                        </dd>

                                        <dt><a class="accordionTitle3" href="#b0ss" style = "background-color: #46BFBD">Fight At No Cost</a></dt>
                                    <dd class="accordionItem3 accordionItemCollapsed3">
                                        <p>
                                            In order to succeed in the fight for life and breath we must join together and connect. Through social media, the sharing of stories, and advancement in research we, together, have the opportunity to beat lung cancer.

                                            <div id = "button_wrapper">

                                                <!-- Twitter message can be changed anytime. Source for alteration @ http://www.targetinternet.com/how-to-create-pre-written-tweet-buttons-and-links/ -->


                                                <div id = "twitter_button" onClick = "window.open('http://twitter.com/home?status=Blood%20Cancers%20will%20kill%20over%2055K%20people%20this%20year.%20Make%20a%20stand%20and%20join%20the%20fight%20against%20%23Cancer%20at%20(url)')">Tweet it Out</div>

                                                <!-- Facebook doesn't allow pre-written messages, so a link to our page is the next best thing. -->

                                                <div id = "facebook_button">Join us on Facebook</div>

                                            </div>

                                            <br />
                                            <div id = "center_element" style = "font-size:20px;">Join our Mailing List: <input onClick = "cleanForm()" maxlength = "60" id = "text_input" type = "text" name = "email_enter" value = "Your Email Here..." /> <span id = "relative_container"> <span id = "submit">Submit</span> </span>


                                            <br />
                                            <br />


                                        </p>

                    </dd>


                                </div>

                            <br />
                        <p class="line-break margin-top-10"></p>

                     <br />
                     <div id = "center_element">

                        <div id = "button_special" onClick = "openDisease()">Back to Diseases</div>
                     </div>
                      <br />
                      <br />
                      <br />

                    </div>
                </section>
                </div>


            <div id = "footer_section">


                <span id = "header_link_section">

                    <span id = "link_header">Discover</span>

                    <br />
                    <a href = "cancercloud.html"><span id = "header_link">Word Cloud</span></a>

                    <br />
                    <span id = "header_link">Mobile Apps</span>

                    <br />
                    <span id = "header_link">Feedback</span>
                    <br />

                </span>

                    <br />
                    <span id = "social_media_buttons">

                        <a href="http://www.facebook.com/sharer.php?u=http://www.simplesharebuttons.com" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" /></a>
                        <a href="http://twitter.com/share?url=http://www.simplesharebuttons.com&text=Simple Share Buttons&hashtags=simplesharebuttons" target="_blank">
                        <img src="http://www.simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" /></a>


                    </span>

                <div id = "one_hundey">

                <span id = "credit_logo">

                    &#169 Copyright 2014 TopBox Software. All Rights Reserved

                </span>

            </div>
                <span id = "social_media_buttons">


                </span>


            </div>
            <a href="#header_holder" class="scrollup smoothScroll"><i class="fa fa-arrow-circle-o-up"></i></a>
        </body>
        <script>
    (function($) {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 100) {
                    $('.scrollup').fadeIn();
                } else {
                    $('.scrollup').fadeOut();
                }
            });

            $('.scrollup').click(function () {
                $("html, body").animate({
                    scrollTop: 0
                }, 600);
                return false;
            });
        })(jQuery);


        ( function( window ) {
                'use strict';
                function classReg( className ) {
                    return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
                }

                var hasClass, addClass, removeClass;

                if ( 'classList' in document.documentElement ) {
                    hasClass = function( elem, c ) {
                    return elem.classList.contains( c );
                    };

                    addClass = function( elem, c ) {
                        elem.classList.add( c );
                    };
                    removeClass = function( elem, c ) {
                        elem.classList.remove( c );
                    };
                }
                else {
                    hasClass = function( elem, c ) {
                        return classReg( c ).test( elem.className );
                    };
                    addClass = function( elem, c ) {
                        if ( !hasClass( elem, c ) ) {
                            elem.className = elem.className + ' ' + c;
                        }
                    };
                    removeClass = function( elem, c ) {
                        elem.className = elem.className.replace( classReg( c ), ' ' );
                    };
                }

                function toggleClass( elem, c ) {
                    var fn = hasClass( elem, c ) ? removeClass : addClass;
                    fn( elem, c );
                }
                var classie = {
                    hasClass: hasClass,
                    addClass: addClass,
                    removeClass: removeClass,
                    toggleClass: toggleClass,
                    has: hasClass,
                    add: addClass,
                    remove: removeClass,
                    toggle: toggleClass
                };
                if ( typeof define === 'function' && define.amd ) {
                    define( classie );
                } else {
                    window.classie = classie;
                }
            })( window );
            var $ = function(selector){
                return document.querySelector(selector);
            }
            var accordion = $('.accordion');
            accordion.addEventListener("click",function(e) {
                e.stopPropagation();
                e.preventDefault();
                if(e.target && e.target.nodeName == "A") {
                    var classes = e.target.className.split(" ");
                    if(classes) {
                        for(var x = 0; x < classes.length; x++) {
                            if(classes[x] == "accordionTitle") {
                                var title = e.target;
                                var content = e.target.parentNode.nextElementSibling;
                                classie.toggle(title, 'accordionTitleActive');
                                if(classie.has(content, 'accordionItemCollapsed')) {
                                    if(classie.has(content, 'animateOut')){
                                        classie.remove(content, 'animateOut');
                                    }
                                classie.add(content, 'animateIn');
                                }else{
                                    classie.remove(content, 'animateIn');
                                    classie.add(content, 'animateOut');
                                }
                            classie.toggle(content, 'accordionItemCollapsed');
                            }
                        }
                    }
                }
            });


            ( function( window ) {
                'use strict';
                function classReg( className ) {
                    return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
                }

                var hasClass2, addClass2, removeClass2;

                if ( 'classList' in document.documentElement ) {
                    hasClass2 = function( elem, c ) {
                    return elem.classList.contains( c );
                    };

                    addClass2 = function( elem, c ) {
                        elem.classList.add( c );
                    };
                    removeClass2 = function( elem, c ) {
                        elem.classList.remove( c );
                    };
                }
                else {
                    hasClass2 = function( elem, c ) {
                        return classReg( c ).test( elem.className );
                    };
                    addClass2 = function( elem, c ) {
                        if ( !hasClass2( elem, c ) ) {
                            elem.className = elem.className + ' ' + c;
                        }
                    };
                    removeClass2 = function( elem, c ) {
                        elem.className = elem.className.replace( classReg( c ), ' ' );
                    };
                }

                function toggleClass2( elem, c ) {
                    var fn = hasClass2( elem, c ) ? removeClass2 : addClass2;
                    fn( elem, c );
                }
                var classie2 = {
                    hasClass2: hasClass2,
                    addClass2: addClass2,
                    removeClass2: removeClass2,
                    toggleClass2: toggleClass2,
                    has2: hasClass2,
                    add2: addClass2,
                    remove2: removeClass2,
                    toggle2: toggleClass2
                };
                if ( typeof define === 'function' && define.amd ) {
                    define( classie2 );
                } else {
                    window.classie2 = classie2;
                }
            })( window );
            var $ = function(selector){
                return document.querySelector(selector);
            }
            var accordion2 = $('.accordion2');
            accordion2.addEventListener("click",function(e) {
                e.stopPropagation();
                e.preventDefault();
                if(e.target && e.target.nodeName == "A") {
                    var classes = e.target.className.split(" ");
                    if(classes) {
                        for(var x = 0; x < classes.length; x++) {
                            if(classes[x] == "accordionTitle2") {
                                var title = e.target;
                                var content = e.target.parentNode.nextElementSibling;
                                classie2.toggle2(title, 'accordionTitleActive2');
                                if(classie2.has2(content, 'accordionItemCollapsed2')) {
                                    if(classie2.has2(content, 'animateOut2')){
                                        classie2.remove2(content, 'animateOut2');
                                    }
                                classie2.add2(content, 'animateIn2');
                                }else{
                                    classie2.remove2(content, 'animateIn2');
                                    classie2.add2(content, 'animateOut2');
                                }
                            classie2.toggle2(content, 'accordionItemCollapsed2');
                            }
                        }
                    }
                }
            });


            ( function( window ) {
                'use strict';
                function classReg( className ) {
                    return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
                }

                var hasClass3, addClass3, removeClass3;

                if ( 'classList' in document.documentElement ) {
                    hasClass3 = function( elem, c ) {
                    return elem.classList.contains( c );
                    };

                    addClass3 = function( elem, c ) {
                        elem.classList.add( c );
                    };
                    removeClass3 = function( elem, c ) {
                        elem.classList.remove( c );
                    };
                }
                else {
                    hasClass3 = function( elem, c ) {
                        return classReg( c ).test( elem.className );
                    };
                    addClass3 = function( elem, c ) {
                        if ( !hasClass3( elem, c ) ) {
                            elem.className = elem.className + ' ' + c;
                        }
                    };
                    removeClass3 = function( elem, c ) {
                        elem.className = elem.className.replace( classReg( c ), ' ' );
                    };
                }

                function toggleClass3( elem, c ) {
                    var fn = hasClass3( elem, c ) ? removeClass3 : addClass3;
                    fn( elem, c );
                }
                var classie3 = {
                    hasClass3: hasClass3,
                    addClass3: addClass3,
                    removeClass3: removeClass3,
                    toggleClass3: toggleClass3,
                    has3: hasClass3,
                    add3: addClass3,
                    remove3: removeClass3,
                    toggle3: toggleClass3
                };
                if ( typeof define === 'function' && define.amd ) {
                    define( classie3 );
                } else {
                    window.classie3 = classie3;
                }
            })( window );
            var $ = function(selector){
                return document.querySelector(selector);
            }
            var accordion3 = $('.accordion3');
            accordion3.addEventListener("click",function(e) {
                e.stopPropagation();
                e.preventDefault();
                if(e.target && e.target.nodeName == "A") {
                    var classes = e.target.className.split(" ");
                    if(classes) {
                        for(var x = 0; x < classes.length; x++) {
                            if(classes[x] == "accordionTitle3") {
                                var title = e.target;
                                var content = e.target.parentNode.nextElementSibling;
                                classie3.toggle3(title, 'accordionTitleActive3');
                                if(classie3.has3(content, 'accordionItemCollapsed3')) {
                                    if(classie3.has3(content, 'animateOut3')){
                                        classie3.remove3(content, 'animateOut3');
                                    }
                                classie3.add3(content, 'animateIn3');
                                }else{
                                    classie3.remove3(content, 'animateIn3');
                                    classie3.add3(content, 'animateOut3');
                                }
                            classie3.toggle3(content, 'accordionItemCollapsed3');
                            }
                        }
                    }
                }
            });

        </script>
        </html>