currentPage = 0;

imgs = new Array;
imgs[0] = 'Earth_pic.jpg'
imgs[1] = '2398_PINK_BONZAI_R2.jpg'
imgs[2] = 'map_color5.jpg'
imgs[3] = 'RENginger.jpg'
imgs[4] = 'gg1.jpg'
imgs[5] = 'NAV_PRESS_WOMAN.jpg'
imgs[6] = 'pattern_ren.jpg'
imgs[7] = 'Rosa.jpg'
imgs[8] = 'navpage.jpg'
imgs[9] = 'pipe.jpg'
imgs[10] = 'NAVMAN_METAL_LOGO.jpg'
imgs[11] = 'RENsmiley.jpg'
imgs[12] = 'plyrx.jpg'
imgs[13] = 'RENpackaging.jpg'
imgs[14] = 'FLAMINGO.jpg'
imgs[15] = 'ny.jpg'
imgs[16] = 'TV_frame.jpg'
imgs[17] = 'RENrange.jpg'
imgs[18] = 'fingerprint.jpg'
imgs[19] = 'eyecare_.jpg'
imgs[20] = 'Green_people.jpg'
imgs[21] = 'sky.jpg'
imgs[22] = 'RENsuncare.jpg'
imgs[23] = 'car.jpg'
imgs[24] = 'nav.jpg'
imgs[25] = 'rpq.jpg'
imgs[26] = 'NORTHident.jpg'
imgs[27] = 'ren_liberty.jpg'


function prev() {
    currentPage = (imgs.length + currentPage - 1) % imgs.length;
    document.getElementById('page-container').style.backgroundImage = 'url("images/backgrounds/'+imgs[currentPage]+'")';
    obj.style.cursor = 'pointer'
}
       
function next() {
    currentPage = (currentPage + 1) % imgs.length;
    document.getElementById('page-container').style.backgroundImage = 'url("images/backgrounds/'+imgs[currentPage]+'")';
}

/*
// Credit to 
// http://www.colly.com/comments/redesign-notes-1-width-based-layout/
// for the following functions that I have modified
wraphandler = {
  init: function() {
    if (!document.getElementById) return;
    // set up the appropriate wrapper
    wraphandler.setWrapper();
    // and make sure it gets set up again if you resize the window
    wraphandler.addEvent(window,"resize",wraphandler.setWrapper);
  },

  setWrapper: function() {
    // width stuff from ppk's evolt.org/article/document_body_doctype_switching_and_more/17/30655/index.html
    var theWidth = 0;
    if (window.innerWidth) {
	theWidth = window.innerWidth
    } else if (document.documentElement &&
                document.documentElement.clientWidth) {
	theWidth = document.documentElement.clientWidth
    } else if (document.body) {
	theWidth = document.body.clientWidth
    }
    if (theWidth != 0) {
      if (theWidth > 830 && theWidth < 1200) {
        document.getElementById('info-strip').style.width = theWidth+'px';
      } else {
        //document.getElementById('info-strip').style.width = '100%';
      }
    }
  },

// addEvent stuff from John Resig's ejohn.org/projects/flexible-javascript-events
  addEvent: function( obj, type, fn ) {
    if ( obj.attachEvent ) {
      obj['e'+type+fn] = fn;
      obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
      obj.attachEvent( 'on'+type, obj[type+fn] );
    } else {
      obj.addEventListener( type, fn, false );
    }
  }
}

wraphandler.addEvent(window,"load",wraphandler.init);

*/