//foo
var cb_tracks = [{"track_id": 169698, "title": "Never Turn Around", "artist_name": "Gobotron", "track_id": 169698}, {"track_id": 169716, "title": "Skin Out", "artist_name": "Hostage", "track_id": 169716}, {"track_id": 169775, "title": "A Flower In A Glove", "artist_name": "Frog Eyes", "track_id": 169775}, {"track_id": 169704, "title": "Red Ford Radio", "artist_name": "U.S. Girls", "track_id": 169704}, {"track_id": 169472, "title": "HALO", "artist_name": "MAJOR LAZER", "track_id": 169472}, {"track_id": 169181, "title": "In the Flesh", "artist_name": "Fol Chen", "track_id": 169181}, {"track_id": 169180, "title": "The Beatuiful Ones", "artist_name": "Fol Chen", "track_id": 169180}, {"track_id": 169144, "title": "For Ex-Lovers Only", "artist_name": "Black Tambourine", "track_id": 169144}, {"track_id": 168975, "title": "Hollywood (Gonzales Version)", "artist_name": "Marina and the Diamonds", "track_id": 168975}, {"track_id": 169130, "title": "A Drinking Song", "artist_name": "Rykarda Parasol", "track_id": 169130}];

// Load SWFObject
function cbLoadSWFObject() {
  if(typeof deconcept == "undefined") {
    var script_node = document.createElement('script');
    script_node.type = 'text/javascript';
    script_node.src = 'http://widgets.cowbell.fm/javascripts/swfobject.js';
    document.getElementsByTagName('head')[0].appendChild(script_node);
  }
}

function getUpdate(type,pr1,pr2,swf) {
  cbLog(type)
  
  if (type == 'item') {
    cbTrackSelected(pr1);
  }
}

function thisMovie(swf) {
  if(navigator.appName.indexOf("Microsoft") != -1) {
    return window[swf];
  } else {
    return document[swf];
  }
}

function cbPlayTrack(index) {
  // Create the embed
  if (document.getElementById('cb_player_embed') == null) {
    player_node = document.createElement('div');
    player_node.id = 'cb_player_embed';
    document.getElementById('cb_player').insertBefore(player_node, document.getElementById('cb_player').childNodes[0]);
    
    var cbso = new SWFObject('http://cowbell.fm/mediaplayer.swf','cowbell_player','180','20','8');
    cbso.addParam('allowscriptaccess','always');
    cbso.addParam('allowfullscreen','true');
    cbso.addVariable('height','20');
    cbso.addVariable('width','180');
    cbso.addVariable('shuffle', 'false');
    cbso.addVariable('enablejs', 'true');
    cbso.addVariable('javascriptid','cowbell_player');
    cbso.addVariable('repeat', 'list');
    cbso.addVariable('file','http://cowbell.fm/playlist?ids%5B%5D=169698%26ids%5B%5D=169716%26ids%5B%5D=169775%26ids%5B%5D=169704%26ids%5B%5D=169472%26ids%5B%5D=169181%26ids%5B%5D=169180%26ids%5B%5D=169144%26ids%5B%5D=168975%26ids%5B%5D=169130');
    cbso.write('cb_player_embed');
  }
  
  play = function() {
    if (typeof(thisMovie('cowbell_player')) == 'undefined' || typeof(thisMovie('cowbell_player').itemData) == 'undefined') {
      cbLog('player not setup')
      setTimeout(play, 200)
      return;
    } else if (typeof thisMovie('cowbell_player').itemData(0) == 'undefined') {
      cbLog('tracks not loaded')
      setTimeout(play, 200);
      return;
    }
    
    thisMovie('cowbell_player').sendEvent('playitem', index);
    cbTrackSelected(index)
  }
  
  setTimeout(play, 100);
}

function cbTrackSelected(index) {
  var track = cb_tracks[index];
  document.getElementById('cb_play_button').style.display='none';
  document.getElementById('cb_now_playing').innerHTML = ''
    + '<a href="http://cowbell.fm/artist/' + track.artist_name + '" target="_blank" class="cb_thumbnail"><img src="' + track.thumbnail_url + '" class="" /></a>'
    + '<div class="cb_track"><a href="http://cowbell.fm/track/' + track.track_id + '" title="' + track.title + '">' + track.title + '</a></div>'
    + '<div class="cb_artist">By <a href="http://cowbell.fm/artist/' + track.artist_name + '" target="_blank">' + track.artist_name + '</a></div>'
    + '<div class="cb_artist_link"><a href="http://cowbell.fm/artist/' + track.artist_name + '" target="_blank" style="color:#fff !important;text-decoration:underline !important;">Listen to more songs by ' + track.artist_name + '</a></div>';  
}

// Load the SWFObject.js
cbLoadSWFObject();

var css = '#cowbell_widget {  width:180px !important;  overflow:hidden !important;  background:#333 !important;  color:#fff !important;  font-size:11px !important;  line-height:14px !important;  text-align:left !important;  -moz-border-radius:4px;  font-family:\'Century Gothic\',\'Lucida Grande\',Arial,sans-serif !important;  font-size:11px !important;  letter-spacing:-0.25px !important;  line-height:14px !important;  position:relative !important;  left:0px !important;  top:0px !important;}#cowbell_widget * {  padding-top:0px !important;  padding-right:0px !important;  padding-bottom:0px !important;  padding-left:0px !important;  margin-top:0px !important;  margin-right:0px !important;  margin-bottom:0px !important;  margin-left:0px !important;  border-width:0px !important;  text-align:left !important;  position:relative !important;  left:0px !important;  top:0px !important;  font-size:11px !important;  color:#fff !important;  font-family:\'Century Gothic\',\'Lucida Grande\',Arial,sans-serif !important;  line-height:14px !important;}#cowbell_widget a, #cowbell_widget a:visited {    color:#52A0D7 !important;    text-decoration:none !important;    white-space:nowrap !important;}#cowbell_widget h3 {  font-size:12px !important;  padding:2px 10px !important;}#cowbell_widget #cb_tracks {  width:100% !important;}  #cowbell_widget #cb_tracks .cb_track {    background:#FFFFFF none repeat scroll 0% 50% !important;    margin:2px !important;    padding:3px 5px 3px 3px !important;    width:168px !important;    cursor:pointer;  }  #cowbell_widget #cb_tracks .cb_track img {    float:left;    display:block;    width:26px;    height:26px;    border:1px solid #555 !important;    margin-right:3px !important;  }  #cowbell_widget #cb_tracks .cb_track .cb_artist {    color:#000 !important;    font-weight:bold !important;    width:137px !important;  }  #cowbell_widget #cb_tracks .cb_track .cb_title {    font-weight:bold !important;    height:14px !important;    overflow:hidden !important;    width:137px !important;  }#cowbell_widget #cb_player {  background:#222 !important;  height:100px !important;  width:100% !important;  position:relative !important;}  #cowbell_widget #cb_player #cb_play_button {    background:transparent url(http://cowbell.fm/images/icons/48x48/play_bg222.gif) no-repeat scroll 6px 0px !important;    height:28px !important;    left:59px !important;    padding-top:50px !important;    position:absolute !important;    top:21px !important;    width:62px !important;    cursor:pointer !important;    color:#fff !important;  }  #cowbell_widget #cb_player #cb_now_playing {    padding:5px !important;    font-size:10px !important;    width:170px !important;  }  #cowbell_widget #cb_player #cb_now_playing .cb_thumbnail {    border:1px solid #AAAAAA !important;    float:left;    height:34px;    margin-right:4px !important;    width:34px;  }  #cowbell_widget #cb_player #cb_now_playing .cb_thumbnail img {    width:100%;    height:100%;  }    #cowbell_widget #cb_player #cb_now_playing .cb_track {      height:14px !important;      overflow:hidden !important;      width:130px !important;    }    #cowbell_widget #cb_player #cb_now_playing .cb_artist {      width:130px !important;    }    #cowbell_widget #cb_player #cb_now_playing .cb_artist_link {      margin-top:12px !important;      max-height:28px !important;    }#cowbell_widget #cb_get_widget {  padding:5px !important;  text-align:center !important;  width:170px !important;}  #cowbell_widget #cb_get_widget a {    color:#fff !important;    text-decoration:underline !important;  }';
var styleNode = document.createElement('style');
styleNode.type = 'text/css';
if(styleNode.styleSheet) {
	styleNode.styleSheet.cssText = css;
} else {
	styleNode.appendChild(document.createTextNode(css));
}
document.getElementsByTagName("head")[0].appendChild(styleNode);

function cbLog(message) {
  if (typeof(console) != 'undefined') {
    console.log(message)
  } else if(document.getElementById('cb_debug_container')) {
    c=document.getElementById('cb_debug_container');
    c.innerHTML = c.innerHTML + message + "<br/>";
  }
}

// Build the widget
document.getElementById('cowbell_widget').innerHTML = '<h3>Popular on Cowbell.fm</h3><div id="cb_player">  <div id="cb_play_button" onclick="cbPlayTrack(0)">click to play</div>  <div id="cb_now_playing"></div></div><div id="cb_tracks">        <div class="cb_track" onclick="cbPlayTrack(0)">    <img alt="Default_artist_40px" src="http://cowbell.fm/images/default_artist_40px.png" />    <div class="cb_artist">Gobotron</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(0); return false;" title="Never Turn Around">Never Turn Around</a>    </div>  </div>    <div class="cb_track" onclick="cbPlayTrack(1)">    <img alt="3415234-2037999904_thumb40" src="http://s3.amazonaws.com/cowbell.fm/thumbnails/140989/3415234-2037999904_thumb40.jpg" />    <div class="cb_artist">Hostage</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(1); return false;" title="Skin Out">Skin Out</a>    </div>  </div>    <div class="cb_track" onclick="cbPlayTrack(2)">    <img alt="3296293-1014682102_thumb40" src="http://s3.amazonaws.com/cowbell.fm/thumbnails/27436/3296293-1014682102_thumb40.jpg" />    <div class="cb_artist">Frog Eyes</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(2); return false;" title="A Flower In A Glove">A Flower In A Glove</a>    </div>  </div>    <div class="cb_track" onclick="cbPlayTrack(3)">    <img alt="Default_artist_40px" src="http://cowbell.fm/images/default_artist_40px.png" />    <div class="cb_artist">U.S. Girls</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(3); return false;" title="Red Ford Radio">Red Ford Radio</a>    </div>  </div>    <div class="cb_track" onclick="cbPlayTrack(4)">    <img alt="Default_artist_40px" src="http://cowbell.fm/images/default_artist_40px.png" />    <div class="cb_artist">MAJOR LAZER</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(4); return false;" title="HALO">HALO</a>    </div>  </div>    <div class="cb_track" onclick="cbPlayTrack(5)">    <img alt="Default_artist_40px" src="http://cowbell.fm/images/default_artist_40px.png" />    <div class="cb_artist">Fol Chen</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(5); return false;" title="In the Flesh">In the Flesh</a>    </div>  </div>    <div class="cb_track" onclick="cbPlayTrack(6)">    <img alt="Default_artist_40px" src="http://cowbell.fm/images/default_artist_40px.png" />    <div class="cb_artist">Fol Chen</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(6); return false;" title="The Beatuiful Ones">The Beatuiful Ones</a>    </div>  </div>    <div class="cb_track" onclick="cbPlayTrack(7)">    <img alt="2039932-1857337740_thumb40" src="http://s3.amazonaws.com/cowbell.fm/thumbnails/132610/2039932-1857337740_thumb40.jpg" />    <div class="cb_artist">Black Tambourine</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(7); return false;" title="For Ex-Lovers Only">For Ex-Lovers Only</a>    </div>  </div>    <div class="cb_track" onclick="cbPlayTrack(8)">    <img alt="Default_artist_40px" src="http://cowbell.fm/images/default_artist_40px.png" />    <div class="cb_artist">Marina and the Diamonds</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(8); return false;" title="Hollywood (Gonzales Version)">Hollywood (Gonzales Version)</a>    </div>  </div>    <div class="cb_track" onclick="cbPlayTrack(9)">    <img alt="2861793-1741710296_thumb40" src="http://s3.amazonaws.com/cowbell.fm/thumbnails/94567/2861793-1741710296_thumb40.jpg" />    <div class="cb_artist">Rykarda Parasol</div>    <div class="cb_title">      <a href="#" onclick="cbPlayTrack(9); return false;" title="A Drinking Song">A Drinking Song</a>    </div>  </div>  </div><div id="cb_get_widget">  <a href="http://cowbell.fm/widget?type=popular" target="_blank">get this widget at cowbell.fm</a></div>';