var SiteName = 'serverroom.us';
 var SECUREP = 'https://www.';
 
 
 if (window.location.href.indexOf('primcast') > -1)
  { 
    SiteName = 'primcast.com';
    if (window.location.href.indexOf('primcastv3.com') > -1)
     {SiteName = 'primcastv3.com'; 
     }
    SECUREP = 'https://www.';
  }
 
 var GlobalURL = 'http://widgets.'+SiteName+'/SHOUTinfo/';

 
 if (window.location.href.indexOf('https://') > -1)
  {GlobalURL = SECUREP+SiteName+'/widgets/SHOUTinfo/';}
 
 var FirstTime = 1; 
 
 var SongTitle = '';
 var Listeners = 0;
 var Bitrate = 0;
 var Unique = 0;
 var error = "";
 //var AlbumImage, AlbumURL;

 function getURLParam(strParamName)
  {var strReturn = ""; 
    var strHref = window.location.href;
    
    if ( strHref.indexOf("?") > -1 )
     {var strQueryString = strHref.substr(strHref.indexOf("?"));
       var aQueryString = strQueryString.split("&");
       for ( var iParam = 0; iParam < aQueryString.length; iParam++ )
        {
          if ( aQueryString[iParam].indexOf(strParamName + "=") > -1 )
           {
             var aParam = aQueryString[iParam].split("=");
             strReturn = aParam[1];
             break;
           }
        }
     }
    return unescape(strReturn);
  } 

 var Station = getURLParam('s');
 var StationTitle = getURLParam('st');
 var BoxStyle = getURLParam('tpl');
 var ShowListeners = getURLParam('lst');
 var width = getURLParam('width');
 var height = getURLParam('height');
 var copyright = getURLParam('copyright');
 var bgcolor = getURLParam('bgcolor');
 var nowplayingcolor = getURLParam('nowplayingcolor');
 var songslist = getURLParam('songslist');
 var playlistheight = getURLParam('playlistheight');
 var appswd = getURLParam('ap');
 var timezone = getURLParam('timezone');
 var nowplaying = getURLParam('nowplaying');


 function InfoReq() 
  {var url = GlobalURL+"data.php";   
    var pars = "id="+Station+"&ap64="+appswd;
    var myAjax = new Ajax.Request( url,  {method: 'get',  parameters: pars,  onComplete: completeReq});
  }

 var SongTitleDiv;
 var GlobalSongTitle;
 
 function CreateNewBox()
  { 
    var MainDiv_background, StationTitle_color;
    if (BoxStyle != 'color')
     {MainDiv_background = 'url('+GlobalURL+'img/'+BoxStyle+'/background.jpg'+') #e5e4e4 repeat-x'; 
       StationTitle_color = 'white';
     }
    else 
     {MainDiv_background = bgcolor; 
       StationTitle_color = nowplayingcolor;
     }
    
    var MainDiv = new Element('div', {'style':'background:'+MainDiv_background+'; float:left; clear:left; width:'+width+'px; height:'+height+'px; text-align:left; font-family:Arial;'});
    var innDiv = new Element('div', {'style':'padding:6px; float:left; clear:left; width:'+(width-12)+'px'});
   
    //var MainEl = $('StationStatusDetails');
    //MainEl.innerHTML = '';
    if (StationTitle != '')
     {var MainTitleDiv = new Element('div', {'style':'color:'+StationTitle_color+'; font-weight:bold; font-size:16px; text-align:left; width:100%; float:left; margin-bottom:20px; ', 'id':'MainTitle'}).update(StationTitle);
       innDiv.appendChild(MainTitleDiv);
     }
    
    //var MainInfoAlbumDiv = new Element('div', {'style':'width:100%; ', 'id':'MainInfoAlbum'});
    //var AlbumCoverURL = new Element('a', {'href':''+AlbumURL, 'target':'_new', 'id':'Song2AlbumURL'});
    //var AlbumCoverDiv = new Element('img', {'style':'border:none; ','src':''+AlbumImage, 'id':'Song2AlbumImage'});
    
    //AlbumCoverURL.appendChild(AlbumCoverDiv);
    //MainInfoAlbumDiv.appendChild(AlbumCoverURL);
    
    
    SongTitleDiv = new Element('input', {'style':'color:#333; line-height:20px; padding:10px 0; font-size:14px; width:'+(width-10)+'px; font-weight:bold; border:none; background:none; float:right; clear:right;', 'id':'Song2TitleDiv'});
    //SongTitleDiv.value = SongTitle;
    
    
    var StationOnline = new Element('div', {'style':'display:block', 'id':'StationOnline'});    
    var StationOffline = new Element('div', {'style':'display:none; color:red; font-size:14px; font-weight:bold;', 'id':'StationOffline'}).update(error);    
    if (nowplaying == '1')
    {  var NowPlayingDiv = new Element('div', {'style':'line-height:20px; font-size:12px; color:'+nowplayingcolor+';  '}).update('<span style="font-weight:bold;">Now Playing at</span> <span style="font-weight:normal; font-size:12px;" id="BitrateDiv">'+Bitrate+'kbps</span>');
       StationOnline.appendChild(NowPlayingDiv); 
    }
    
    //MainInfoAlbumDiv.appendChild(SongTitleDiv);
    //StationOnline.appendChild(MainInfoAlbumDiv);
    
    StationOnline.appendChild(SongTitleDiv);
    
    if (ShowListeners == '1')
     { 
       var ListenersDiv = new Element('div', {'style':'color:#666; line-height:14px; font-size:12px;', 'id':'ListenersDiv'}).update('<b id="CurrListeners">'+Listeners+'</b> Listeners Online ( <b id="UniqueListeners">'+Unique+'</b> are unique )');
       //MainInfoAlbumDiv.appendChild(ListenersDiv);
       StationOnline.appendChild(ListenersDiv);
     }
    
    innDiv.appendChild(StationOnline);
    innDiv.appendChild(StationOffline);
      
    if (songslist == '1')
     {var playlistTitle = new Element('div', {'style':'color:'+nowplayingcolor+'; font-size:13px; height:20px; margin-top:20px; padding-bottom:5px;  font-weight:bold; border-bottom:1px dotted #CCC '}).update('<span style="float:left; margin-right:10px; width:130px;">Last played songs</span> <img src="img/loader.gif" id="loader" style="float:left;" />');
       innDiv.appendChild(playlistTitle); 
       var songslistDiv = new Element('ul', {'style':'position:absolute; right:6px;padding:0px; color:#666; line-height:14px; font-size:12px; list-style:none; width:'+(width-12)+'px; height:'+(playlistheight)+'px; margin-top:10px; overflow:auto; ', 'id':'SongHistory'});
       innDiv.appendChild(songslistDiv);
     }
    
    if (copyright == 1)
     {var WidgetInfo = new Element('div', {'style':'color:#918f8f; position:absolute; width:'+(width-20)+'px; text-align:right; left:10px; z-index:999; top:'+(height-40)+'px; font-size:11px; margin-top:15px'}).update('Streaming Solutions by <a href="http://www.'+SiteName+'" target="_blank" style="color:#918f8f">www.'+SiteName+'</a>');
       innDiv.appendChild(WidgetInfo);
     }
    
    MainDiv.appendChild(innDiv);

    document.body.appendChild(MainDiv); 
    
  }
 
 //var counter = 1;
 function UpdateBox() 
  { //alert(SongTitle);
    
    //counter++;
    //$('MainTitle').innerHTML = counter;
    //$('Song2TitleDiv').update(SongTitle);
    
    if (ShowListeners == true)
     {$('CurrListeners').innerHTML = Listeners;
       $('UniqueListeners').innerHTML = Unique;
     } 
    $('BitrateDiv').innerHTML = Bitrate+"kbps";
    $('StationOffline').innerHTML = error;
    
   // $('Song2AlbumURL').setAttribute('href',AlbumURL);
    //$('Song2AlbumImage').setAttribute('src',AlbumImage);
  }
 
 function UpdateSongsList()
  {
    var url = GlobalURL+"data.php";   
    var pars = "id="+Station+"&songslist=1&ap64="+appswd+"&timezone="+timezone+"&color="+nowplayingcolor.substr(1); 
    var myAjax = new Ajax.Request( url,  { 
      method: 'get',  
      parameters: pars,
      onCreate: function () {$('loader').style.display = 'block';},      
      onComplete:  function (originalRequest)
       {$('loader').style.display = 'none';
         $('SongHistory').innerHTML = originalRequest.responseText;
       }
    });
  }
  
 function completeReq (originalRequest)
 { 
   var Resp = originalRequest.responseText;
   try {
   var data = Resp.evalJSON();
   } catch(e)
   {  return;
   }

   StationStatus = data.online;
   SongTitle = data.title;
   Listeners = data.listeners;
   Unique = data.unique;
   Bitrate = data.bitrate;
   error = data.error;
   //AlbumImage  = data.albumimage;
   //AlbumURL = data.albumurl;

   if (FirstTime == 1)
    { 
      CreateNewBox();
      mainTextScroller() ;
    }
   else 
    {UpdateBox();
    }
    
   if (StationStatus == 1)
    { 
      $('StationOffline').style.display = 'none';
      $('StationOnline').style.display = 'block';
    }
   else 
    {
      $('StationOffline').style.display = 'block';
      $('StationOnline').style.display = 'none';
    }
   
   UpdateSongsList();
   
   FirstTime = 0;
   setTimeout('InfoReq();',30000);

 }

 document.observe("dom:loaded",function() {InfoReq();});
 
 var speed=150;
 var scrollingRegion=80;

 var startPosition=0;
 function mainTextScroller() 
  {
    //var SongTitleDiv = $('Song2TitleDiv');
    var mainMessage=SongTitle+"...               ";
    var tempLoc=(scrollingRegion*3/mainMessage.length)+1;
    if (tempLoc<1) {tempLoc=1}
    var counter;
    for(counter=0;counter<=tempLoc;counter++)
      mainMessage+=mainMessage;
    
    SongTitleDiv.value=mainMessage.substring(startPosition,startPosition+scrollingRegion);
    startPosition++;
    
    if(startPosition>scrollingRegion) startPosition=0;
    
    setTimeout("mainTextScroller()",speed); 
  }