<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs description="Plays all the online Deezer radios (preset playlists with no interruptions). You can open a small pop-up window to listen to music while surfing the Web. You can edit the gadget settings: default radio, colors, autoplay option." author="Donato Furlani" title="Deezer Radio" width="200" 
title_url="http://www.donatofurlani.it/ideas" height="285" scrolling="false" author_link="http://www.donatofurlani.it" author_email="htmlToXhtml@gmail.com" category="funandgames" category2="tools"
screenshot="http://htmltoxhtml.googlepages.com/dradio.png"
thumbnail="http://htmltoxhtml.googlepages.com/dradioTh.png" />
<UserPref name="dradio" display_name="Default Radio" default_value="19" datatype="enum" >
    <EnumValue value="71" display_value="hits" />
    <EnumValue value="47" display_value="tops" />
    <EnumValue value="6" display_value="electro" />
    <EnumValue value="72" display_value="trip hop" />
    <EnumValue value="35" display_value="eurodance" />
    <EnumValue value="18" display_value="dancefloor" />
    <EnumValue value="28" display_value="film/tv" />
    <EnumValue value="46" display_value="pub" />    
    <EnumValue value="25" display_value="disco" />
    <EnumValue value="19" display_value="soul" />
    <EnumValue value="21" display_value="funk" />
    <EnumValue value="17" display_value="hard" />
    <EnumValue value="22" display_value="metal" />
    <EnumValue value="40" display_value="nu metal" />
    <EnumValue value="31" display_value="punk" />
    <EnumValue value="24" display_value="reggae" />
    <EnumValue value="49" display_value="ska" />
    <EnumValue value="50" display_value="dub" />
    <EnumValue value="64" display_value="urban style" />
    <EnumValue value="33" display_value="r&amp;b" />
    <EnumValue value="20" display_value="rap" />
    <EnumValue value="23" display_value="rap français" />
    <EnumValue value="65" display_value="blues" />
    <EnumValue value="4" display_value="indie rock" />
    <EnumValue value="27" display_value="classic rock" />
    <EnumValue value="10" display_value="rock" />
    <EnumValue value="42" display_value="post rock" />
    <EnumValue value="37" display_value="summer 70s" />
    <EnumValue value="41" display_value="covers" />
    <EnumValue value="16" display_value="pop" />
    <EnumValue value="13" display_value="indie pop" />
    <EnumValue value="39" display_value="pop folk" />
    <EnumValue value="15" display_value="vocal jazz" />
    <EnumValue value="12" display_value="chanson française" />
    <EnumValue value="7" display_value="nouvelle scène" />    
    <EnumValue value="11" display_value="variété française" />
    <EnumValue value="45" display_value="celtique" />
</UserPref> 
<UserPref name="aplay" display_name="Autoplay?" datatype="bool" default_value="false"/>
<UserPref name="cback" display_name="Background Colour (hex)" default_value="525252"/>
<UserPref name="cbutt" display_name="Buttons Colour (hex)" default_value="DDDDDD"/>
<UserPref name="ctext1" display_name="Text1 Colour (hex)" default_value="FFFFFF"/>
<UserPref name="ctext2" display_name="Text2 Colour (hex)" default_value="CCCCCC"/>
  
<Content type="html"><![CDATA[
<div id="dcont" style="text-align:center;margin:0;width:100%;">
<div style="margin: 0 auto;text-align:center;width:180px;">
<select style="font: bold 12px Arial;width:180px; height: 20px; margin: 5px auto;" id="selradio" name="oradio" onChange="changeStation(this);">
<option value="71">hits</option>
<option value="47">tops</option>
<option value="6">electro</option>
<option value="72">trip hop</option>
<option value="35">eurodance</option>
<option value="18">dancefloor</option>
<option value="28">film/tv</option>
<option value="46">pub</option>
<option value="25">disco</option>
<option value="19">soul</option>
<option value="21">funk</option>
<option value="17">hard</option>
<option value="22">metal</option>
<option value="40">nu metal</option>
<option value="31">punk</option>
<option value="24">reggae</option>
<option value="49">ska</option>
<option value="50">dub</option>
<option value="64">urban style</option>
<option value="33">r&amp;b</option>
<option value="20">rap</option>
<option value="23">rap français</option>
<option value="65">blues</option>
<option value="4">indie rock</option>
<option value="27">classic rock</option>
<option value="10">rock</option>
<option value="42">post rock</option>
<option value="37">summer 70s</option>
<option value="41">covers</option>
<option value="16">pop</option>
<option value="13">indie pop</option>
<option value="39">pop folk</option>
<option value="15">vocal jazz</option>
<option value="12">chanson française</option>
<option value="7">nouvelle scène</option>
<option value="11">variété française</option>
<option value="45">celtique</option>
</select>

<div style="margin:0 auto;text-align:center;z-index:1;width:180px;height:236px;background: url(http://htmltoxhtml.googlepages.com/loading.gif) no-repeat 40px 50px;">
<div style="margin:0; height:220px; width:180px;z-index:1;" id="id1"></div>
<a href="http://www.deezer.com" target="_blank" style="border:none;margin:0;padding:0;">
<img src="http://www.deezer.com/embedded/footer.jpg" alt="free music" title="free music" border="0" style="border:none;margin:0;padding:0;" />
</a>
</div>

<div style="font:12px normal Arial;color:#555555;">( <a style="color: #882222;" id="linkpopup" href="#">pop-up window</a> )</div>
</div>
</div>
  
<script type="text/javascript">
var rad ="";

var autop = "0";
var bgcol = "0x525252";
var buttcol = "0xDDDDDD";  
var t1col = "0xFFFFFF";
var t2col = "0xCCCCCC";

function changeStation(sel) {
 var which = sel.selectedIndex;
 var radioId = sel.options[which].value;
 autop = "1";
 showRadio(radioId); 
}
  
function displayW() {
 var prefs = new _IG_Prefs(__MODULE_ID__);
 var radid = prefs.getString("dradio");
 var ap = prefs.getBool("aplay"); 
 if (ap) { autop = "1"; }
 bgcol = "0x" + prefs.getString("cback");
 buttcol = "0x" + prefs.getString("cbutt");
 t1col = "0x" + prefs.getString("ctext1");
 t2col = "0x" + prefs.getString("ctext2");
 showRadio(radid);  
}

function showRadio(rid) {  
 var lin = document.getElementById("linkpopup");
 lin.href = "javascript:void window.open('http://htmltoxhtml.googlepages.com/dradio.html?radio="+rid+"','','width=200,height=300,location=no,status=no');";
 var x = document.getElementById("id1");
 var s = document.getElementById("selradio");
 var arrOp = s.getElementsByTagName("option");
 var found = false;
 var arrl = arrOp.length;
 var i = 0;
 while (!found && i<arrl) {
  if (arrOp[i].value == rid) {
   found = true;
   arrOp[i].selected = "selected";
  }
  i++;
 }
 var deezURL = "http://www.deezer.com/embed/player?rid=" + rid + "&lang=en&autoplay=" + autop;
 
 if (document.all && !window.opera)
  {
x.innerHTML = "<object type='application/x-shockwave-flash' width='180' height='220' data='" + deezURL + "'> <param name='movie' value='" + deezURL + "' /></object>";	
 } else { 
 
 var ob = document.createElement("object");
 ob.style.zIndex = "1";
 ob.setAttribute("type", "application/x-shockwave-flash");
 ob.setAttribute("width", "180");
 ob.setAttribute("height", "220");
 ob.setAttribute("data", deezURL);

 var par1 = document.createElement("param");
 par1.setAttribute("name","movie"); 
 par1.setAttribute("value", deezURL);

 ob.appendChild(par1);

 while(x.hasChildNodes() ) { 
  x.removeChild( x.firstChild ); 
 }
 x.appendChild(ob);
 }  
}  

_IG_RegisterOnloadHandler(displayW);    
</script>
]]></Content>
</Module>
