<html xmlns="http://www.w3.org/1999/xhtml">
<script src="json.js" type="text/javascript" language="javascript"></script>
<script src="tools.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
var defaultRefreshRate = 300;
var blockedCategory = new Array();
var interval;
var initialized = false;
var statuscheck;
function setup()
{
	System.Gadget.settingsUI="options.html";
	System.Gadget.onSettingsClosed = function(event) 
  {
    if(event.closeAction == event.Action.commit) 
    { 
      loadSettings(); 
    }
  }
	
	init();
	loadSettings();	
}
function loadSettings()
{
  initialized = false;
  loadBlocking();
  loadRefreshRate();
}
function loadBlocking()
{
  ajax("http://www.bigfuntown.com/SidebarGadget.asmx/Categories", blockCategories);	
}
function loadRefreshRate()
{
  var refreshRateValue = loadSetting("RefreshRate") || defaultRefreshRate;
  clearInterval(interval);
  interval = window.setInterval(updateGame, refreshRateValue * 1000);  
  
  clearInterval(statuscheck);
  statuscheck = window.setInterval(checkStatus, 10000);  
}
function checkStatus()
{
  if(!initialized)
    loadBlocking();
  else
    clearInterval(statuscheck);
}
function blockCategories(result)
{
  var newBlockedCategory = new Array();
  var category = extractTagValue(result, "string").split(",");
  var hiddenCategory = loadSettingArray("HiddenCategories");
  for(var i = 0; i < hiddenCategory.length; i++)
  {
    var hidden = hiddenCategory[i];
    for(var j = 0; j < category.length; j++)
    {
      var categoryValue = category[j].split(":");
      if(categoryValue[0] === hidden)
      {
        newBlockedCategory[newBlockedCategory.length] = categoryValue[1];
        break;
      }
    }
  }
  blockedCategory = newBlockedCategory;
  initialized = true;
  updateGame();
}
function updateGame()
{
  if(blockedCategory.length == 0)
  {
    ajax("http://www.bigfuntown.com/SidebarGadget.asmx/RandomGame", update);	

  	return;
  }
  
  var queryString = "?"; 
  for(var i = 0; i < blockedCategory.length; i++)
  {
    var join = "";
    if(i > 0)
      join = "&";
    queryString = queryString + join + "hcid=" + blockedCategory[i];
  }
  
  ajax("http://www.bigfuntown.com/SidebarGadget.asmx/RandomGameCategorized" + queryString, update);	
}
function update(result)
{
	var value = HtmlDecode(extractTagValue(result, "string"));
	if(value != "")
	{
    gameimg.src = extractTagValue(value, "imageURL");
    gamename.innerHTML = extractTagValue(value, "title");	
    gameurl.href = extractTagValue(value, "url");    
  }
  else
  {
    setDefaults();
  }
  setupUrls();
}
function setDefaults()
{
  gameimg.src = "logo.png";
  gamename.innerHTML = "Big Fun Town";	
  gameurl.href = "http://www.bigfuntown.com/Default.html";
}
function setupUrls()
{
  gameurl.href = gameurl.href + "?referer=Sidebar Gadget";
  gameurl2.href = gameurl.href;
}
function init()
{
  setDefaults();
  setupUrls();
}
function showPlayButton()
{
  playButton.style.display = "";
}
function hidePlayButton()
{
  playButton.style.display = "none";
}
</script>
<head>
	<style type="text/css">
		body{
      padding: 0px;
      margin: 0px;
			width:130px;
			height:118px;
			border: solid 1px #eee; 
			background-color: #226;
		}		
		span{
			font-family: Tahoma;
			font-size: 8pt;
			color: #eee;
			width:130px;
			text-align: center;
			cursor: hand;
			margin-top: -4px;
			text-decoration: none;
		}
		img { border: none;}
	</style>
</head>
<body onload="setup();">
  <div id="playButton" onmouseover="showPlayButton();" style="display: none; position: absolute; left: 18px; top: 17px;">
    <a id="gameurl"><img width="94" height="62" src="play.png" /></a>
  </div>
  <img id="gameimg" width="130" height="96" onmouseover="showPlayButton();" onmouseout="hidePlayButton();" />
  <a id="gameurl2"><span id="gamename"></span></a>
</body>
</html>