var oTimer = null;
var imageURLs = null;
var imageIndex = 0;

function nextImage() {
  if ( imageURLs.length <= imageIndex ) {
    imageIndex = 0;
  }
  
  if ( imageURLs[imageIndex] != null ) {
    document.getElementById('main').style.backgroundImage = 'url('+ imageURLs[imageIndex] +')';
    oTimer = setTimeout('nextImage()', 7000);
    imageIndex++;
  }
  else {
    clearTimeout(oTimer);
  }
}

var offers = new Array();
var offersIndex = 0;
var offersTimer = null;

function cycleOffers() {
  if ( ! isWorking )
  {
    if ( offers.length <= offersIndex )
      offersIndex = 0;

    if ( offers[offersIndex] != null ) {
      var url = "/modules/box.jsp";
      var postdata = "boxId=2&id="+ offers[offersIndex];
      offersIndex++;
      httpRequest( "post", url, true, cycleHandler_cb, postdata );
    }
    else {
      clearTimeout(offersTimer);
    }
  }
  else
  {
	  offersTimer = setTimeout("cycleOffers()", 4500);
  }
}

var events = new Array();
var eventsIndex = 0;
var eventsTimer = null;

function cycleEvents() {
  if ( ! isWorking )
  {
    if ( events.length <= eventsIndex )
      eventsIndex = 0;

    if ( events[eventsIndex] != null ) {
      var url = "/modules/box.jsp";
      var postdata = "boxId=3&id="+ events[eventsIndex];
      eventsIndex++;
      httpRequest( "post", url, true, cycleHandler_cb, postdata );
    }
    else {
      clearTimeout(eventsTimer);
    }
  }
  else
  {
	  offersTimer = setTimeout("cycleEvents()", 5300);
  }
}

function cycleHandler_cb() {
  if( request && request.readyState == 4 )
  {
    var data = request.responseText.split("DATADIVIDER");

    if ( data[0] == 'o' ) {
      var targetDiv = document.getElementById('offersBox');
      var span = targetDiv.firstChild;
      var data = request.responseText.split("DATADIVIDER");
      span.parentNode.removeChild(span);
      span = document.createElement('span');
      span.innerHTML = data[1];
      targetDiv.appendChild(span);

      if ( data[2] != null && 0 < data[2].length )
        document.getElementById('box2content').style.backgroundImage = "url("+ data[2] +")";

  	  offersTimer = setTimeout("cycleOffers()", 4500);
    }
    else if ( data[0] == 'e' ) {
      var targetDiv = document.getElementById('eventsBox');
      var span = targetDiv.firstChild;
      span.parentNode.removeChild(span);
      span = document.createElement('span');
      span.innerHTML = data[1];
      targetDiv.appendChild(span);

      if ( data[2] != null && 0 < data[2].length )
        document.getElementById('box3content').style.backgroundImage = "url("+ data[2] +")";

  	  eventsTimer = setTimeout("cycleEvents()", 5300);
    }

//	  offersTimer = setTimeout("cycleOffers()", 4500);
//	  eventsTimer = setTimeout("cycleEvents()", 5300);
  }

  isWorking = false;
}