// image rotate
	
  pix = new Array("images\/quote1.png","images\/quote3.png","images\/quote4.png","images\/quote5.png","images\/quote7.png","images\/quote8.png");

/* Image Preloading */
	a = new Image(); a.src = "images\/quote1.png";
	b = new Image(); b.src = "images\/quote3.png";
	c = new Image(); c.src = "images\/quote4.png";
	d = new Image(); d.src = "images\/quote5.png";
	e = new Image(); e.src = "images\/quote7.png";
	f = new Image(); f.src = "images\/quote8.png";
//end image preloading

// rp stands for rotate picture
rp={
  init:function() {
    
    rp.oImg = document.getElementById('rotate_pic');
    
    // load the second value because the first one is loaded in the html element
    rp.i = 1; 
      
    setInterval("rp.change()", 10000);
  },
  change:function (){
    rp.oImg.src = pix[rp.i];
    rp.i = rp.i + 1;
    if (rp.i > (pix.length - 1)) {rp.i = 0}
    
  }  
}

DOMhelp.addEvent(window,'load',rp.init,false);