var imageSlideUrls;
var imageSlideIdx;
var imageSlideId1;
var imageSlideId2;
var loadId; // 1 v. 2

function initSlide(id, id2, imgurls)
{
  imgurls = decodeURIComponent(imgurls);
  imageSlideIdx = 0;
  imageSlideUrls = imgurls.split("\n");
  /*if(imageSlideUrls.length > 1)
    imageSlideIdx = 1;*/
  imageSlideId1 = id;
  imageSlideId2 = id2;
  loadId = 2;
  $('#'+imageSlideId2).hide();
  //$('#'+id).attr('src', imageSlideUrls[0]);
  preload();
  if(imageSlideUrls.length > 1)
    setInterval(crossFade, 6000);
}

function slideOut()
{
  $('#'+imageSlideId1).fadeOut(200, slideIn);
}

function slideIn()
{
  $('#'+imageSlideId1).attr('src', imageSlideUrls[imageSlideIdx]);  
  imageSlideIdx++;
  if(imageSlideIdx == imageSlideUrls.length)
    imageSlideIdx = 0;
  $('#'+imageSlideId1).fadeIn(200);
}

function log(msg)
{
  if (window.console && console.log) 
  {
    console.log(msg); //for firebug
  }  
}

function crossFade()
{
  var fadetime = 2000;
  
  next = imageSlideIdx +1;
  if(next == imageSlideUrls.length)
    next = 0;
  
  if(loadId == 2)
  {
    $('#'+imageSlideId2).attr('src', imageSlideUrls[next]);  
    
    $('#'+imageSlideId1).fadeOut(fadetime);
    $('#'+imageSlideId2).fadeIn(fadetime);    
  }
  else // loadId 1
  {
    $('#'+imageSlideId1).attr('src', imageSlideUrls[next]);  
    
    $('#'+imageSlideId2).fadeOut(fadetime);
    $('#'+imageSlideId1).fadeIn(fadetime);    
  }
        
  imageSlideIdx++;
  if(imageSlideIdx == imageSlideUrls.length)
    imageSlideIdx = 0;
  
  if(loadId == 1)
    loadId = 2;
  else
    loadId = 1;
}

function preload()
{
  for(i=0; i<imageSlideUrls.length; i++)
  {
    $('<img />').attr('src', imageSlideUrls[i]);
  }
}