<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="1. Bundesliga" title_url="http://www.fussball-szene.de"
         directory_title="1. Bundesliga - Tabelle und Spieltage"
         description="Dieses Gadget zeigt die aktuelle Tabelle und alle Spieltage der 1. Bundesliga an."
         author="Jojo"
         author_email="mail@fussball-szene.de"
         author_affiliation="fussball-szene.de"
         screenshot="http://www.fussball-szene.de/wp-content/plugins/fussball-daten/screenshot.gif"
         thumbnail="http://www.fussball-szene.de/wp-content/plugins/fussball-daten/thumbnail.jpg"
         height="460"
         width="320"
         scrolling="true"
         author_link="http://www.fussball-szene.de">
    <Require feature="tabs" />
  </ModulePrefs>

<Content type="html">
<![CDATA[
<style type="text/css">
    table.bundesligatabelle { width:100%; font-size:10pt; border-collapse:collapse; }
         .tr0 { background-color: #c0c0c0; }
    .tr1 { background-color: #ffefaf; }
         .tr2 { background-color: #fff8b8; } /* fff9c4 */
         .tr3 { background-color: #fef9ca; } /* fffce2 */
         .tr4-5 { background-color: #ddf0dd; }
         .tr6-7 { background-color: #f0f0f0; }
         .tr8-15 { background-color: #f0f0f0; }
         .tr16-18 { background-color: #ffeeee; }
         td.tdc { text-align: center; }
         td.tdr {text-align: right;}
.tablib_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  empty-cells: show;
  font-size: 11px;
  text-align: center;
}
.tablib_emptyTab {
  border-bottom: 1px solid #7F9DB9;
  padding: 0px 1px;
}
.tablib_spacerTab {
  border-bottom: 1px solid #7F9DB9;
  padding: 0px 1px;
  width: 1px;
}
.tablib_selected {
  padding: 2px 0px;
  background-color: #ffffff;
  border: 1px solid #7F9DB9;
  border-bottom-width: 0px;
  color: #000000;
  font-weight: bold;
  width: 80px;
  cursor: default;
}
.tablib_unselected {
  color: #3366cc;
  padding: 2px 0px;
  background-color: #ffffff;
  border: 0px solid #7F9DB9;
  border-bottom: 1px solid #7F9DB9;
  width: 80px;
  cursor: pointer;
}
.tablib_navContainer {
  width: 10px;
  vertical-align: middle;
}
.tablib_navContainer a:link, .tablib_navContainer a:visited, .tablib_navContainer a:hover {
  color: #3366aa;
  text-decoration: none;
}

table.spieltag {
    width: 100%;
         font-size: 9pt;
         border-collapse: collapse;
}
tr.header {
    background-color:#95a5c6;
}
tr.zeile1 {
    background-color:#E8EDFF;
         height:24px;
}
tr.zeile2 {
    background-color:#ffffff;
         height:24px;
}
tr.footer {
    background-color:#7f93bc;
}
</style>

    <script type="text/javascript">
    // Tabelle laden:
      function displayTabelle(tabId) {
        var url = "http://www.qualitos.de/fussball/1-bundesliga-tabelle.php";
        function startemich(obj) {
              var span = document.createElement("span");
              // Get selected tab
              var selectedTab = tabs.getSelectedTab();
              span.innerHTML = "<br/>" + obj.data;
              document.getElementById(tabId).replaceChild(span,tabellenview);
        }
        ////// neu
        var refreshInterval = 300;
        var ts = new Date().getTime();
        var sep = "?";
        if (refreshInterval && refreshInterval > 0) {
            ts = Math.floor(ts / (refreshInterval * 1000));
        }
        if (url.indexOf("?") > -1) {
                sep = "&";
        }
        url = [ url, sep, "nocache=", ts ].join("");
        //////neu ende
        var params = {};
        params["CONTENT_TYPE"] = gadgets.io.ContentType.TEXT;
        gadgets.io.makeRequest(url, startemich, params);
      }


////////////////// Spieltag laden:
      function displaySpieltag(tabId,sp_id) {
            var url_sp = "http://www.qualitos.de/fussball/1-bundesliga-spieltage.php?sp_id=" + sp_id;
            function startemich_sp(obj) {
              document.getElementById("spieltag_view").innerHTML = obj.data;
            }
            ////// neu
            var refreshInterval = 300;
            var ts = new Date().getTime();
            var sep = "?";
            if (refreshInterval && refreshInterval > 0) {
                ts = Math.floor(ts / (refreshInterval * 1000));
            }
            if (url_sp.indexOf("?") > -1) {
                sep = "&";
            }
            url_sp = [ url_sp, sep, "nocache=", ts ].join("");
            //////neu ende
            var params = {};
            params["CONTENT_TYPE"] = gadgets.io.ContentType.TEXT;
            gadgets.io.makeRequest(url_sp, startemich_sp, params);
            //document.getElementById("spieltagnr").innerHTML = sp_id;
      }

/////////////////////// Bilder laden
//var bild_url = "http://www.fussball-szene.de/wp-content/plugins/fussball-daten/sky-logo.jpg";
//var img = document.createElement("img");
//img.src = gadgets.io.getProxyUrl(bild_url);
//document.getElementById("sky_logo").appendChild(img);
///////////////////////
    // Track this gadget using Google Analytics.
    // Verhindert Preview: _IG_Analytics("UA-61514-8", "/gadget-erste-bundesliga-tabelle/");

    // Initialize tabs, designate the tab named "Tabelle" as
    // the tab selected by default.
    var tabs = new gadgets.TabSet(__MODULE_ID__, "Tabelle");
    function init() {
        tabs.addTab("Tabelle", { contentContainer: document.getElementById("one_id"), callback: displayTabelle });

        tabs.addTab("Spieltag", { contentContainer: document.getElementById("two_id"), callback: displaySpieltag("two_id", 0) });

        tabs.addTab("Fussball live", {
           contentContainer: document.getElementById("three_id")
        });
    }

    // Call init function to initialize and display tabs.
    gadgets.util.registerOnLoadHandler(init);
    </script>

   <div id="one_id" style="display:none"><span id="tabellenview"></span></div>
   <div id="two_id" style="display:none">
      <br/>
          <span style="font-size:1.2em; float:right;">
              <form name="bunny">
              <select id="sel_sp_id" name="sel_sp_id" size="1" onchange="displaySpieltag('two_id',this.value);">
                    <option value="1">1. Spieltag</option>
                    <option value="2">2. Spieltag</option>
                    <option value="3">3. Spieltag</option>
                    <option value="4">4. Spieltag</option>
                    <option value="5">5. Spieltag</option>
                    <option value="6">6. Spieltag</option>
                    <option value="7">7. Spieltag</option>
                    <option value="8">8. Spieltag</option>
                    <option value="9">9. Spieltag</option>
                    <option value="10">10. Spieltag</option>
                    <option value="11">11. Spieltag</option>
                    <option value="12">12. Spieltag</option>
                    <option value="13">13. Spieltag</option>
                    <option value="14">14. Spieltag</option>
                    <option value="15">15. Spieltag</option>
                    <option value="16">16. Spieltag</option>
                    <option value="17">17. Spieltag</option>
                    <option value="18">18. Spieltag</option>
                    <option value="19">19. Spieltag</option>
                    <option value="20">20. Spieltag</option>
                    <option value="21">21. Spieltag</option>
                    <option value="22">22. Spieltag</option>
                    <option value="23">23. Spieltag</option>
                    <option value="24">24. Spieltag</option>
                    <option value="25">25. Spieltag</option>
                    <option value="26">26. Spieltag</option>
                    <option value="27">27. Spieltag</option>
                    <option value="28">28. Spieltag</option>
                    <option value="29">29. Spieltag</option>
                    <option value="30">30. Spieltag</option>
                    <option value="31">31. Spieltag</option>
                    <option value="32">32. Spieltag</option>
                    <option value="33">33. Spieltag</option>
                    <option value="34">34. Spieltag</option>
             </select>
              </form>
         </span>
 <span id="spieltag_view"></span></div>
   <div id="three_id" style="display:none"><span id="fussballlive_view">
     <br/><span id="sky_logo" style="float:left; margin-right:5px;"></span>
     Jede Menge Fussball live auf Sky: 1. Bundesliga, 2.Bundesliga, Champions League, Europa League, DFB-Pokal, die englische Premier League und mehr ...
     <br/><br/>Tipp: <a href="http://www.fussball-szene.de/klack/?seite=sky&amp;sub=igoogle" target="_blank">Jetzt Sky zu g&uuml;nstigen Onlinekonditionen abonnieren</a>
     <br/><br/>
     <span id="liga_total_logo" style="float:left; margin-right:5px;"></span>
     Eine spannende Alternative sind die Entertain-Pakete der Deutschen Telekom. Diese kombinieren Telefon- und Internetanschlu&szlig; mit digitalem Fernsehen.
     F&uuml;r Bundesliga-Genu&szlig; sorgt dabei die <a href="http://www.fussball-szene.de/klack/?seite=ligatotal&amp;sub=igoogle" target="_blank">Bundesliga-Option mit Liga Total</a>.
   </span></div>


  <script type="text/javascript">
  // Preload the images using gadgets.io.getProxyUrl()
  function load(imageList) {
    var ret = [];
    for (var i = 0, j = imageList.length; i< j; ++i) {
      var img = document.createElement("img");
      img.src = gadgets.io.getProxyUrl(imageList[i]);
      ret.push(img);
    }
    return ret;
  }
  var files = [
    "http://www.fussball-szene.de/wp-content/plugins/fussball-daten/sky-logo.jpg",
    "http://www.fussball-szene.de/wp-content/plugins/fussball-daten/liga-total.jpg",
    "http://www.fussball-szene.de/wp-content/plugins/fussball-daten/speicherbild.jpg"
  ];
  var images = load(files);
    document.getElementById("sky_logo").innerHTML = "";
    document.getElementById("sky_logo").appendChild(images[0]);
    document.getElementById("liga_total_logo").innerHTML = "";
    document.getElementById("liga_total_logo").appendChild(images[1]);
  </script>
  ]]>
  </Content>
</Module>
