function SilverScreen(id, xmlUrl) {
  var container = document.getElementById(id);
  var imgDomain = '';
  var screens = new Array();
  var currIdx = 0;
  var intervalId = 0;
  xmlUrl += '?rnd=' + Math.random();

  this.display = function() {
    var http = new HttpRequest();
    http.getXml('GET', xmlUrl, displayContent);

    function displayContent(xml) {
      var stories = xml.getElementsByTagName('story');
      var html = '';
      html += '<div style="position:relative;width:386px;height:293px;font-family:arial,helvatica,sans-serif;">';
      for (var i = 0; i < stories.length; i++) {
        var vertical = stories.item(i).getElementsByTagName('vertical').item(0);
        var verticalLabel = vertical.getElementsByTagName('label').item(0).firstChild.nodeValue;
        var tease = stories.item(i).getElementsByTagName('tease').item(0);
        var teaseLabel = tease.getElementsByTagName('label').item(0).firstChild.nodeValue;
        var teaseUrl = tease.getElementsByTagName('url').item(0).firstChild.nodeValue;
        var picture = stories.item(i).getElementsByTagName('picture').item(0);
        var credit = picture.getAttribute('credits') || '';
        
        html += '<a href="' + teaseUrl + '" id="ss' + i + 'A" style="position:absolute;display:none;text-decoration:none;width:386px;height:293px;">';
        html += '<img src="' + imgDomain + picture.firstChild.nodeValue + '" style="border:0px;vertical-align:middle;display:block;" />';
        html += '<div style="padding:0px 10px;position:absolute;font-size:11px;color:#333333;text-align:right;width:366px;top:1px;left:1px;">' + credit + '</div>';
        html += '<div style="padding:0px 10px;position:absolute;font-size:11px;color:#ffffff;text-align:right;width:366px;top:0px;">' + credit + '</div>';
        html += '<div style="padding:0px 10px;position:absolute;font-weight:bold;width:350px;top:211px;left:1px;">';
        html += '<div style="line-height:15px;font-size:15px;color:#333333;">' + verticalLabel + '</div>';
        html += '<div style="line-height:22px;font-size:22px;color:#333333;">' + teaseLabel + '</div>';
        html += '</div>';
        html += '<div style="padding:0px 10px;position:absolute;font-weight:bold;width:350px;top:210px;">';
        html += '<div style="line-height:15px;font-size:15px;color:#b5e685;">' + verticalLabel + '</div>';
        html += '<div style="line-height:22px;font-size:22px;color:#ffffff;">' + teaseLabel + '</div>';
        html += '</div>';
        html += '</a>';
      }
      html += '</div>';
      container.innerHTML = html;
      for (var i = 0; i < stories.length; i++) {
        screens.push(new Fader('ss'+i+'A', 100, 10))
      }
      currIdx = Math.round(Math.random() * (screens.length - 1));
      rotate();
      if (stories.length > 1) intervalId = window.setInterval(rotate, 10000);
    }
  }
  function rotate() {
    var lastIdx = screens.length - 1;
    nextIdx = (currIdx == lastIdx) ? 0 : currIdx + 1;
    prevIdx = (currIdx == 0) ? lastIdx : currIdx - 1;
    screens[prevIdx].getTarget().style.zIndex = 10;
    screens[prevIdx].fadeOut();
    screens[currIdx].getTarget().style.zIndex = 0;
    screens[currIdx].fadeIn();
    currIdx = nextIdx;
  }
}