var STAR_OFF_REGEX = /_off/;
var STAR_ON_REGEX  = /_on/;

var STAR_OFF_SUFFIX = "_off";
var STAR_ON_SUFFIX  = "_on";


var MAX_STARS  = 100;
var starCount  = 0;
var cookieName;
var cookieDomain;

function add (postingID, img) {
   if (starCount < MAX_STARS){
      starSwitch(img,'on');

      var s = getCookie(cookieName);
      setCookie(cookieName, s+'_'+postingID);

      starCount++;
   }
}

function remove (postingID,img) {

   var s = getCookie(cookieName);
   var pos = s.indexOf('_'+postingID);
   if (pos >=0 ){
      var pos2 = pos + ('_'+postingID).length;
      s = s.substring(0, pos) + s.substring(pos2,s.length);
      setCookie(cookieName, s);
   }

   starSwitch(img,'off');
   starCount--;
  
}

function clearShortlist () {

   setCookie(cookieName, '');
   starCount=0;
   displayStarCount();
  
}

function starSwitch(img,s){
   if (s=='on'){
      img.src = img.src.replace(STAR_OFF_REGEX,STAR_ON_SUFFIX);
   } else {
      img.src = img.src.replace(STAR_ON_REGEX,STAR_OFF_SUFFIX);
   }
}

function displayStarCount(){
   var t = document.getElementById("starCount");
   if (t) t.innerHTML = starCount;
   
   var i = document.getElementById("starCountImg");
   if (i){
      if (starCount>0){ 
               starSwitch(i,'on');

         //i.src = i.src.replace(STAR_OFF_REGEX,STAR_ON_SUFFIX);
      } 
      else {
         starSwitch(i,'off');
      }
   }
  
   if (starCount>0){
      var m = document.getElementById("shortlistMenu");
      if (m) m.style.visibility = 'visible';
   }
}

function shortlist(postingID)
{
   var img = document.getElementById('sl_'+postingID);
   if (img.src.indexOf('_on.') >= 0) {
      remove(postingID,img);
   }
   else {
      add(postingID,img);
   }
   
   displayStarCount();
}

function loadShortlist (domain, siteID) {
   cookieName = "stars"+ siteID;

   var s = getCookie(cookieName);
   cookieDomain = domain;
   var starArray;
   starArray = s.split("_");

   if (starArray.length > 0){
      starCount = starArray.length - 1;
   }

   for (var id in starArray){
      var img = document.getElementById("sl_" + starArray[id]);
      if (img) {
         starSwitch(img,'on');
      }
   }
      
   displayStarCount();
}