<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs 	    
    title="__MSG_title__ - __MSG_spol__"
    directory_title="SPAD BCPP aktuálně - Finance.cz"
    title_url="http://www.finance.cz/"
    category="finance"
    description="__MSG_description__"
    author="Petr Z."
    author_photo="http://www.finance.cz/gadgets/exports/author.png"
    author_email="finance@finance.cz"
    author_affiliation="Finance.cz"
    author_location="Brno, Czech republic"
    author_aboutme="finance.cz programmer"
    author_link="http://www.finance.cz"
    author_quote=""
    screenshot="http://www.finance.cz/gadgets/spad/screenshot_spad.jpg"
    thumbnail="http://www.finance.cz/gadgets/spad/thumbnail_spad.jpg"
    scrolling="false"
    singleton="false"
  >
    <Locale messages="http://www.finance.cz/gadgets/spad/messages_all.xml"/>
    <Locale lang="sk" messages="http://www.finance.cz/gadgets/spad/messages_sk.xml"/>
    <Locale lang="cs" messages="http://www.finance.cz/gadgets/spad/messages_cs.xml"/>
    <Require feature="dynamic-height"/>
    <Require feature="setprefs"/>
    <Require feature="settitle" />
  </ModulePrefs>
  <UserPref name="graftype" display_name="__MSG_grafset__" datatype="enum" default_value="4956">
    <EnumValue value="4955" display_value="__MSG_grafsetsmall__" /> 
    <EnumValue value="4956" display_value="__MSG_grafsetmiddle__" /> 
    <EnumValue value="4957" display_value="__MSG_grafsetbig__" /> 
  </UserPref>
  <UserPref name="NL0006033375" display_name="AAA AUTO" datatype="bool" default_value="true"/> 
  <UserPref name="BMG200452024" display_name="CETV" datatype="bool" default_value="true"/> 
  <UserPref name="CZ0005112300" display_name="ČEZ" datatype="bool" default_value="true"/>
  <UserPref name="LU0259919230" display_name="ECM" datatype="bool" default_value="true"/> 
  <UserPref name="AT0000652011" display_name="ERSTE BANK" datatype="bool" default_value="true"/>
  <UserPref name="CZ0008019106" display_name="KOMERČNÍ BANKA" datatype="bool" default_value="true"/>
  <UserPref name="NL0006282204" display_name="NWR" datatype="bool" default_value="true"/>
  <UserPref name="LU0122624777" display_name="ORCO" datatype="bool" default_value="true"/>
  <UserPref name="LU0275164910" display_name="PEGAS NONWOVENS" datatype="bool" default_value="true"/>
  <UserPref name="CS0008418869" display_name="PHILIP MORRIS ČR" datatype="bool" default_value="true"/> 
  <UserPref name="XXPX50" display_name="PX" datatype="bool" default_value="true"/>
  <UserPref name="CZ0009093209" display_name="TELEFÓNICA O2 C.R." datatype="bool" default_value="true"/> 
  <UserPref name="CZ0009091500" display_name="UNIPETROL" datatype="bool" default_value="true"/>
  <UserPref name="AT0000908504" display_name="VIG" datatype="bool" default_value="true"/> 
  <UserPref name="NL0000405173" display_name="ZENTIVA" datatype="bool" default_value="true"/>
  <Content type="html">
    <![CDATA[
    <style type="text/css">
      .status__MODULE_ID__ { font-weight:bold; color:#ff0000; }
      table { width:100%; border:none; border-collapse: collapse; font-family: verdana, tahoma, sans-serif; font-size: 8pt; text-decoration: none; }
      .table__MODULE_ID__ { width:100%; border:none; border-collapse: collapse; font-family: verdana, tahoma, sans-serif; font-size: 9pt; text-decoration: none; }
      .paticka__MODULE_ID__ { width:100%; border:none; border-collapse: collapse; font-family: verdana, tahoma, sans-serif; font-size: 8pt; text-decoration: none; }
      .table__MODULE_ID__ .head__MODULE_ID__ { background-color:#D9D9D9; }
      .table__MODULE_ID__ .red__MODULE_ID__ { background-color:#F5E3E2; }
      .table__MODULE_ID__ .green__MODULE_ID__ { background-color:#EBF1DE; }
      .table__MODULE_ID__ .gray__MODULE_ID__ { background-color:#DDDDDD; }
      .table__MODULE_ID__ th { border-right:1px solid white; border-bottom:2px solid white; font-weight:bold; }
      .table__MODULE_ID__ td { border-right:1px solid white; text-align:center; }
      .table__MODULE_ID__ tr.add { margin:0px; padding:0px; width:100%; }
      .table__MODULE_ID__ tr.add  td { width:100%; margin:0px; padding:0 1 0 0px; }
      .graf__MODULE_ID__ { margin:1 0 0 0px; line-height:0px; height:0px; width:100%; border:1px solid #dddddd; display:none; }
      .tip__MODULE_ID__ { padding:5 0px; width:100%; background-color:#F2F2F2; font-family: verdana, tahoma, sans-serif; font-size: 9pt; text-decoration: none; }
      .tip__MODULE_ID__ a,
      .tip__MODULE_ID__ a:visited,
      .tip__MODULE_ID__ a:hover { text-decoration:none; color:#285EA6; }
      a.active {text-decoration:none; color:black; font-weight:bold;}
      #gen_tip__MODULE_ID__ { width:80%; }
    </style>
    
    <div id="content"></div>
    <script type="text/javascript" src="http://www.finance.cz/gadgets/exports/global.js" ></script>

    <script type="text/javascript">
      
      // Global variables
      var prefs = new _IG_Prefs(__MODULE_ID__);
      var container = _gel("content");
      var graf_height = 210;
      var grafy = new Array();
      var tips = new Array();
      
      function init()
      {
        if (prefs.getInt('graftype') == 4955) graf_height = 180;
        if (prefs.getInt('graftype') == 4956) graf_height = 210;
        if (prefs.getInt('graftype') == 4957) graf_height = 240;
      
        container.innerHTML = '<div class="status__MODULE_ID__">Nahrávám...</div>';
        
        var refresh = 60*10;
        //refresh = 1;
        //nacteme xml s kurzy
        _IG_FetchXmlContent('http://www.finance.cz/gadgets/exports/data.phtml?type=spad', fetch_xml_callback, { refreshInterval: (refresh) });

      }
      
      function fetch_xml_callback(response)
      {
        var graf = '';
        
        if (response == null || typeof(response) != "object" || response.firstChild == null)
        {
          container.innerHTML = '<div class="status__MODULE_ID__">Nejsou k dispozici data...</div>';
          return;
        }

        //vypiseme hlavicku
        var html = '<table class="table__MODULE_ID__">'; 
        html += '<tr class="head__MODULE_ID__"><th>__MSG_nazev__</th><th>__MSG_aktualne__</th><th>__MSG_zmena__</th><th>__MSG_graf__</th></tr>';
                    
        //ziskame seznam kurzu 
        var itemList = response.getElementsByTagName("akcie");
 
        //cyklus pres vsechny akcie
        for (var i = 0; i < itemList.length ; i++) { 
          var nodeList = itemList.item(i).childNodes;
           
          //ziskame data z prvku          
          for (var j = 0; j < nodeList.length ; j++) {
            var node = nodeList.item(j);

            if (node.nodeName == "isin") {
               var isin = node.firstChild.nodeValue; 
            }
            if (node.nodeName == "nazev") {
               var nazev = node.firstChild.nodeValue; 
            }
            if (node.nodeName == "detail") {
               var detail = node.firstChild.nodeValue; 
            }
            if (node.nodeName == "kurz") {
               var kurz = node.firstChild.nodeValue; 
            }
            if (node.nodeName == "rozdil") {
           
               var zmena = node.firstChild.nodeValue; 
            }
            if (node.nodeName == "graf_dnes") {
               grafy[isin+'_dnes'] = node.firstChild.nodeValue; 
            }
            if (node.nodeName == "graf_tyden") {
               grafy[isin+'_tyden'] = node.firstChild.nodeValue; 
            }
            if (node.nodeName == "graf_mesic") {
               grafy[isin+'_mesic'] = node.firstChild.nodeValue; 
            }
            if (node.nodeName == "graf_rok") {
               grafy[isin+'_rok'] = node.firstChild.nodeValue; 
            }
            if (node.nodeName == "graf_5let") {
               grafy[isin+'_5let'] = node.firstChild.nodeValue; 
            }
            
          }
          zmena = zmena.replace(',','.');        
          if (zmena > 0)
          {
              var color = "green__MODULE_ID__";
              var html_zmena =  '+' + zmena.replace('.',',') + '&nbsp;<img src="'+grafy_up+'"></td>';
          } else if (zmena < 0) {
              var color = "red__MODULE_ID__";
              var html_zmena =  zmena.replace('.',',') + '&nbsp;<img src="'+grafy_down+'"></td>';
          } else {
              var color = "gray__MODULE_ID__";
              var html_zmena = '+0,00&nbsp;<img src="'+grafy_middle+'"></td>';
          }
          
          if(prefs.getBool(isin))
      	  {
            html += '<tr class="' + color + '">';
            html += '<td style="text-align:left;">';
            html += '<a href="'+detail+'" title="'+nazev+'" target="_blank">'+nazev+'</a>';
            html += '</td>';
        		html += '<td style="text-align:right;">' + kurz.replace('.',',') + '</td>';
        		html += '<td>';
            html += html_zmena;
        		html += '<td><a href="" title="Zobrazit graf" onclick="return ShowGraf(\''+isin+'\');"><img src="http://www.finance.cz/newsimg/obr/graf.gif" alt="Zobrazit graf" border="0"></a></td>';
            html += '</tr>';
            //pridame prazdny radek, do ktereho se bude generovat pripadny graf
            html += '<tr id="tr_'+isin+'" class="add"><td id="td_'+isin+'" colspan="5"><div id="graf_'+isin+'" class="graf__MODULE_ID__"></div></td></tr>';
          }  
        } 
       
        html += '</table>';
                
        //nacteme tipy
        var itemList2 = response.getElementsByTagName("tip");

        //cyklus pres vsechny tipy
        for (var i = 0; i < itemList2.length ; i++) { 
          //itemList.item(i).childNodes;
          var url = itemList2.item(i).getAttribute("url");
          var text = itemList2.item(i).firstChild.nodeValue;
          tips[i] = '<a href="'+url+'" title="Finance.cz - '+text+'" target="_blank">'+text+'</a>';
        }
        
        //pridame nahodne tip z nabidky
        html += '<div class="tip__MODULE_ID__"><div style=" float:left; margin:0 2 0 5px;"><a href="http://www.finance.cz"><img src="http://www.finance.cz/images/favicon.ico" border="0" alt="www.finance.cz"></a></div><b>Náš tip: </b><span id="gen_tip__MODULE_ID__">'+tips[rand(tips.length)]+'</span></div>';
        container.innerHTML = html;
        
        window.setTimeout("fadeTips('gen_tip__MODULE_ID__',100,1,10)",10000);        
   
      }
            
      function SwitchGraf(id_elem,type)
      {
        for (var i=1; i<=5; i++)
          if (type==i) _gel('graf_a'+i).className='active';
          else _gel('graf_a'+i).className='';
        //postupne zavreme stavajici graf
        fade('graf_gen_',100,1,10,id_elem,type);
        return false;
      }
      
      function InsertGraf(id_elem,type)
      {
        //vygenerujeme kod do divu s grafem
        var html = '<div id="graf_gen_'+id_elem+'" style="margin:5px; height:'+(graf_height-35)+'px; border:1px solid black; text-align:center;">';
        if (type == 1) html += '<img src="'+grafy[id_elem+'_dnes']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="denní vývoj">';
        if (type == 2) html += '<img src="'+grafy[id_elem+'_tyden']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="týdenní vývoj">';
        if (type == 3) html += '<img src="'+grafy[id_elem+'_mesic']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="měsíční vývoj">';
        if (type == 4) html += '<img src="'+grafy[id_elem+'_rok']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="roční vývoj">';
        if (type == 5) html += '<img src="'+grafy[id_elem+'_5let']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="vývoj za 5 let">';
        html += '</div>';
        
        //pridame popisky
        html += '<table><tr>';
        html += '<td style="text-align:left; margin-left:5px; width:70%;">&nbsp;&nbsp;__MSG_obdobi__:&nbsp;';
        html += '<a id="graf_a1" href="" title="Zobrazit graf za poslední den" onclick="return SwitchGraf(\''+id_elem+'\',1);">__MSG_dnes__</a>&nbsp;';
        html += '<a id="graf_a2" href="" title="Zobrazit graf za poslední týden" onclick="return SwitchGraf(\''+id_elem+'\',2);">__MSG_tyden__</a>&nbsp;';
        html += '<a id="graf_a3" href="" title="Zobrazit graf za poslední měsíc" onclick="return SwitchGraf(\''+id_elem+'\',3);">__MSG_mesic__</a>&nbsp;';
        html += '<a id="graf_a4" href="" title="Zobrazit graf za poslední rok" onclick="return SwitchGraf(\''+id_elem+'\',4);">__MSG_rok__</a>&nbsp;';
        html += '<a id="graf_a5" href="" title="Zobrazit graf za posledních 5 let" onclick="return SwitchGraf(\''+id_elem+'\',5);">__MSG_5let__</a>&nbsp;';
        html += '</td>';
        
        html += '<td style="text-align:right; margin-right:5px; width:30%;"><a href="" title="__MSG_zavrit__" onclick="return ShowGraf(\''+id_elem+'\');">__MSG_zavrit__</a>&nbsp;&nbsp;</td>';
        html += '</tr></table>';
        //vlozime kod do divu
        element = document.getElementById('graf_'+id_elem);
        element.innerHTML = html;
        _gel('graf_a'+type).className='active';
        return false;
      }
      
      function ShowGraf(id_elem)
      {
        element = document.getElementById('graf_'+id_elem);
        if (element.style.display=='none' || element.style.display=='')
        {
          element.style.display = 'block';
          //nejdrive zvetsime prvek, kde bude graf
          UpHeight(id_elem);
        } else {
          //snizime vysku na nulu
          DownHeight(id_elem);
        }        
        return false;
      }
      
      function UpHeight(id_elem)
      {
        //efekt rolovani
        RollHeight(id_elem,0,0,1/10000,10);            
      }
      
      function DownHeight(id_elem)
      {
        element = document.getElementById('graf_'+id_elem);
        element.innerHTML = '';
        //efekt rolovani
        RollHeight(id_elem,graf_height,1,1/10000,10);
      }
      
      function AfterUpHeight(id_elem)
      {
        _IG_AdjustIFrameHeight();
        //vlozime obsah s grafem
        InsertGraf(id_elem,1);
      }
      
      function AfterDownHeight(id_elem)
      {
        element = document.getElementById('graf_'+id_elem);
        element.style.display = 'none';
        //aktualizujeme velikost google iframu
        _IG_AdjustIFrameHeight();
      }
      
      function RollHeight(id_elem,height,type,speed,krok)
      {
          if (height<=graf_height && type==0){
            element = document.getElementById('graf_'+id_elem);
            element.style.height = height+'px';
            height+=krok;
            if (height == graf_height-20) 
            { 
              krok = krok/10;
              speed = speed*10000;
            }
            window.setTimeout("RollHeight('"+id_elem+"',"+height+","+type+","+speed+","+krok+")",speed);
          } else if (type==0) {
            AfterUpHeight(id_elem);
          }
          //postupne ubyrani intenzity zobrazeni, zavirani sekce
          if (height>=0 && type==1) {
            element = document.getElementById('graf_'+id_elem);
            element.style.height = height+'px';
            height-=krok;
            if (height == 20)
            { 
              krok = krok/10;
              speed = speed*10000;
            }
            window.setTimeout("RollHeight('"+id_elem+"',"+height+","+type+","+speed+","+krok+")",speed);
          } else if (type==1) {
            AfterDownHeight(id_elem);
          } 
      }
            
      function fade(objId,opacity,type,speed,id_elem,graftype)
      {
          //zatmavime graf
          if (opacity>=0 && type==1) {
            setOpacity(objId+id_elem,opacity);
            opacity-=8;
            window.setTimeout("fade('"+objId+"',"+opacity+","+type+","+speed+",'"+id_elem+"',"+graftype+")",speed);
          } else if (type==1) {
            //zmenime obsah
            obj=document.getElementById(objId+id_elem);
            if (graftype == 1) html = '<img src="'+grafy[id_elem+'_dnes']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="denní vývoj">';
            if (graftype == 2) html = '<img src="'+grafy[id_elem+'_tyden']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="týdenní vývoj">';
            if (graftype == 3) html = '<img src="'+grafy[id_elem+'_mesic']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="měsíční vývoj">';
            if (graftype == 4) html = '<img src="'+grafy[id_elem+'_rok']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="roční vývoj">';
            if (graftype == 5) html = '<img src="'+grafy[id_elem+'_5let']+'&sys_fm[1]='+prefs.getInt('graftype')+'" alt="vývoj za 5 let">';
            obj.innerHTML = html;
            window.setTimeout("fade('"+objId+"',"+opacity+",0,"+speed+",'"+id_elem+"',"+graftype+")",100);
          }
          //rozsvitime graf
          if (opacity<=100 && type==0){
            setOpacity(objId+id_elem,opacity);
            opacity+=8;
            window.setTimeout("fade('"+objId+"',"+opacity+","+type+","+speed+",'"+id_elem+"',"+graftype+")",speed);
          }
          return false;
      }
      
      // Set onload event handler to call init()
      _IG_RegisterOnloadHandler(init);
    
      setTimeout("_IG_AdjustIFrameHeight()", 500);

    </script>
    
    ]]>
  </Content>
</Module>
